jQuery增加和减少滚动值

时间:2015-07-16 14:01:34

标签: javascript jquery

我只想在向下滚动时增加值,在向上滚动时减少。

这是HTML:

<html>
<head>
<script src="/jquery.min.js"></script>
<script src="9.js"></script>
<style>
#addit
{
position:fixed;
top:0px;
left:0px;
}
</style>
</head>

<body>
<div id="addit">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br>
</body>
</html>

这是jQuery代码:

$(window).scroll(function(){
    var x=1;
    x=x+1;
    $("#addit").html(x);
});

由于我是jQuery的新手,我找不到适合它的方法! 有人可以帮忙吗?

2 个答案:

答案 0 :(得分:5)

您不需要变量,只需:

$(window).scroll(function(){
    $("#addit").html($(window).scrollTop());
});

DEMO

答案 1 :(得分:2)

请试试这个:

$(window).scroll(function() {
    $("#addit").html($(window).scrollTop());
});