停止滚动鼠标

stop scrolling on mouseup

本文关键字：鼠标 滚动      更新时间：2023-09-26

我用ScrollBy做了一个简单的onmouseDown滚动。现在我无法阻止它，直到它结束。我想让它停止滚动OnMouseUp。我尝试了一些方法，但没有用。下面是三个代码:

<button onmousedown="skrull();" onmouseup="stop();" style="position:fixed;">Click to scroll <3</button>
<p>Some text and line breaks to enable scrolling!</p>
<script>
function scrollWin() {
    window.scrollBy(0, 100);
}
skrull = function skree() {setInterval(scrollWin, 100);}
function stop() {
    clearInterval(skrull);
}
</script>

Thank you

您的间隔需要存储在一个作用域中，使其能够被您的stop()函数访问。现在你在函数skrull上调用clearInterval，它没有返回任何结果。

试试这样写:

<button onmousedown="skrull();" onmouseup="stop();" style="position:fixed;">Click to scroll <3</button>
<p>Some text and line breaks to enable scrolling!</p>
<script>
var skrullInterval;
function scrollWin() {
    window.scrollBy(0, 100);
}
skrull = function skree() {skrullInterval = setInterval(scrollWin, 100);}
function stop() {
    clearInterval(skrullInterval);
}
</script>
相关文章：