fixes #1599
This commit is contained in:
parent
09da2a9cda
commit
9831b86d02
5 changed files with 14 additions and 14 deletions
|
@ -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
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
|
@ -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';
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
|
@ -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';
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue