Question

我已经有了这个：

var i = 0;
window.onscroll = function (e) {  
    i = i + 1;
    document.write(i.toString())
}

如何更改或添加代码以便我可以无限次重复此过程，每次i添加1。我的网站需要它。

Answer 1

document.write的问题在于它清除了文档的内容，因此您不再需要滚动任何内容。你可能会注意到你根本没有滚动条！所以你也没有滚动事件。

如果您确实希望输出显示在页面上，请创建一个要输出的位置。禁用的输入正常工作。

小提琴：http://jsfiddle.net/6pNgS/

HTML：

<input id="scrollcount" type="text" disabled="disabled" value="0" />

的javascript：

var i = 0;
var scrollcount = document.getElementById('scrollcount');
window.onscroll = function (e) {  
    i = i + 1;
    scrollcount.value = i.toString();
}

您可以在此处立即测试。打开你的控制台并运行它：

var i = 0;
var scrollcount = $('#answer-22718395 .vote-count-post')[0];
window.onscroll = function (e) {  
    i = i + 1;
    scrollcount.innerHTML = i.toString();
}

Answer 2

如果您在页面上有足够的内容滚动浏览，则每次用户滚动时都会运行该代码。这是jsFiddle。

var i = 0;
window.onscroll = function (e) {  
    i = i + 1;
    console.log(i);
}

打开开发人员工具控制台，每次向上或向下滚动时，您都会看到i递增并推送到控制台。

检测用户是否每次在JavaScript中滚动和更改变量

2 个答案: