停止滚动鼠标

时间:2015-10-14 19:10:08

标签: javascript scroll

我用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>

谢谢

1 个答案:

答案 0 :(得分:0)

您的间隔需要存储在一个范围内,以便stop()功能可以访问。现在你在函数clearInterval上调用skrull,它不会返回任何内容。

尝试这样的事情:

<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>