Javascript-форум - Прокрутка слоя без scrollbar

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Прокрутка слоя без scrollbar (https://javascript.ru/forum/events/6885-prokrutka-sloya-bez-scrollbar.html)

Прокрутка слоя без scrollbar

Здравсвуйте, подскажите пожалуста как прокручивать слой мышкой, не используя полосы прокрутки? Вот пример: есть слой (2000 х 2000 px), в нем изображение и другие слои, его нужно прокручивать с помощью мышки, перетягиванием, примерно как в яндекс картах. Как думаите что здесь можно придумать?

<div style="position: absolute; z-index: 2; left: 0px; top:0px" id="layer2">
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p><img src="img.jpg"></p>
<div style="position: absolute; width: 20px; height: 4px; z-index: 1; left: 337px; top: 876px" id="layer1">
<a title="абв" target="_blank" href="objects/teploopt/pano/1.htm">
<img border="0" src="obj.png" width="20" height="21"></a>
</div>
</div>

Если Вам нужен именно скролл, а не перемещения слоя относительно некоего порта просмотра, используйте overflow:hidden у обертки и указание у нее scrollTop/scrollLeft.

Плюс в том, что если у пользователя выключен яваскрипт, он все равно сможет пролистать такую страницу, при помощи скруля мыши, средней кнопки, или еще как. Ну, и не будет постоянных лавин ре-рендера («reflow»), что улучшит производительность.