Есть код
document.onmousedown = function(event) {
var tar = event.target;
if (tar.tagName != 'IMG' && tar.tagName != 'DIV') return;
tar.style.position = 'absolute';
document.onmousemove = function(event) {
tar.style.left = event.pageX - 20 + 'px';
tar.style.top = event.pageY - 20 + 'px';
}
tar.onmouseup = function() {
document.onmousemove = tar.onmouseup = null;
}
tar.ondragstart = function() {
return false;
}
}
body {
height: 2000px
}
<div style='background: blue; width:100px; height:100px'></div>
<img src="https://js.cx/drag-heroes/ball.png">
Если перетаскивать img
, то он может выходить за пределы экрана, но прокрутку экрана не вызывает. Если перетаскивать div
за пределы экрана, то он вызывает прокрутку. Проверила в Хроме и Лисе - работает одинаково.
Какое свойство объектов вызывает это различие?