Как сделать прокрутку блока, если его ширина больше ширины родителя?

Question

[Дима Паутов]

У меня есть блок, в который вложен другой блок, большей ширины.

<div class="geoPlanSection">
  <div class="geoPlanCanvas"></div>
</div>

Вот пример:
https://jsfiddle.net/x7qppm75/

Как сделать так, что бы он начинал прокручиваться, если мы наводим на края. Навели на левый край, крутись влево, на правый вправо.

Может вы видели уже, где подобное реализовано, или подскажите куда копать. Вообще в голову ничего не лезет.

Answer 1

[iBird Rose]

https://jsfiddle.net/x7qppm75/2/

Comments

[Дима Паутов]

Балин, спасибо тебе большое. А я что-то накрутил себе в голове разных алгоритмов. А ведь можно было всё проще сделать. Спс еще раз!!