This commit is contained in:
Ilya Kantor 2019-12-02 23:49:51 +03:00
parent 09da2a9cda
commit 9831b86d02
5 changed files with 14 additions and 14 deletions

View file

@ -28,8 +28,8 @@
let box = elem.getBoundingClientRect(); let box = elem.getBoundingClientRect();
return { return {
top: box.top + pageYOffset, top: box.top + window.pageYOffset,
left: box.left + pageXOffset left: box.left + window.pageXOffset
}; };
} }

View file

@ -26,8 +26,8 @@
let box = elem.getBoundingClientRect(); let box = elem.getBoundingClientRect();
return { return {
top: box.top + pageYOffset, top: box.top + window.pageYOffset,
left: box.left + pageXOffset left: box.left + window.pageXOffset
}; };
} }

View file

@ -215,8 +215,8 @@ function getCoords(elem) {
let box = elem.getBoundingClientRect(); let box = elem.getBoundingClientRect();
return { return {
top: box.top + pageYOffset, top: box.top + window.pageYOffset,
left: box.left + pageXOffset left: box.left + window.pageXOffset
}; };
} }
``` ```

View file

@ -7,7 +7,7 @@ document.addEventListener('mousedown', function(event) {
if (!dragElement) return; if (!dragElement) return;
event.preventDefault(); event.preventDefault();
dragElement.ondragstart = function() { dragElement.ondragstart = function() {
return false; return false;
}; };
@ -19,7 +19,7 @@ document.addEventListener('mousedown', function(event) {
function onMouseUp(event) { function onMouseUp(event) {
finishDrag(); finishDrag();
}; };
function onMouseMove(event) { function onMouseMove(event) {
moveAt(event.clientX, event.clientY); moveAt(event.clientX, event.clientY);
} }
@ -31,9 +31,9 @@ document.addEventListener('mousedown', function(event) {
if(isDragging) { if(isDragging) {
return; return;
} }
isDragging = true; isDragging = true;
document.addEventListener('mousemove', onMouseMove); document.addEventListener('mousemove', onMouseMove);
element.addEventListener('mouseup', onMouseUp); element.addEventListener('mouseup', onMouseUp);
@ -50,10 +50,10 @@ document.addEventListener('mousedown', function(event) {
if(!isDragging) { if(!isDragging) {
return; return;
} }
isDragging = false; isDragging = false;
dragElement.style.top = parseInt(dragElement.style.top) + pageYOffset + 'px'; dragElement.style.top = parseInt(dragElement.style.top) + window.pageYOffset + 'px';
dragElement.style.position = 'absolute'; dragElement.style.position = 'absolute';
document.removeEventListener('mousemove', onMouseMove); document.removeEventListener('mousemove', onMouseMove);
@ -113,4 +113,4 @@ document.addEventListener('mousedown', function(event) {
dragElement.style.top = newY + 'px'; dragElement.style.top = newY + 'px';
} }
}); });

View file

@ -10,7 +10,7 @@ Here's a small function to show the current scroll:
```js autorun ```js autorun
window.addEventListener('scroll', function() { window.addEventListener('scroll', function() {
document.getElementById('showScroll').innerHTML = pageYOffset + 'px'; document.getElementById('showScroll').innerHTML = window.pageYOffset + 'px';
}); });
``` ```