Карта-виджет, перетаскиваемый <div>

Question

Я хотел бы встроить свой пользовательский HTML в область, которую можно перетаскивать, например, JavaScript виджеты карты.

Например, я хочу поместить 1000x1000 <div> внутри 480x320 <div>, без полос прокрутки (overflow:hidden) и иметь возможность регулировать положение внутреннего слоя, перетаскивая его с помощью мыши , В идеале я бы тоже хотел отлавливать события прокрутки.

Я мог бы реализовать это сам, но мне интересно, есть ли готовый к использованию, хорошо протестированный кросс-браузерный фрагмент JavaScript, который мог бы сделать это для меня. В идеале плагин jQuery .

Answer 1

Я думаю, вы можете использовать плагин Draggable и просто сделать контейнер меньше перетаскиваемого div.

В примере на этой странице, если вы сделаете #demo-frame меньше, чем .demo, я думаю, что это дает эффект, который вы ищете.