Есть блок с фиксированной шириной и высотой. Внутри блока лежит картинка, которая больше размером, чем этот блок. Как реализовать передвижение этой картинки внутри блока без полос прокрутки?
Должно получиться примерно такое перемищение картинки как перетаскивание карты в Google MAPS
То есть нужно перетаскивать блок "Info_Rectangle" внутри блока main_div
Вот код разметки:
https://jsfiddle.net/2pt7nu4z/
Пробовал реализовать через функцию draggable (jQuery UI), но непонятно как задать ограниения, чтоб нельзя было перетаскивать картинку чтоб её край за внутрению грань родительского блока.
Важно чтоб картинку нельзя было перетащить , так тоб край выступал за внутреннюю грань родительского блока.
Как реализовать данную функцию перемищения картинки внрутри блока как в Google MAPS ? В какоком направлении рыть ? Нужна ли вообще для этого jQuery UI ?
