<script type="text/javascript">
windowonbeforeunload= function () {
return "关闭网页"; //关闭网页时的d窗
}
windowonscroll= function () {
alert("页面滚动");
}
windowonresize= function () {
alert("页面大小改变了");
}
windowonmousewheel= function () {
alert("鼠标滚动了");
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<title>testjQuery</title>
<style>
body{
height: 1111px;
}
</style>
<script src="jquery-180minjs"></script>
<script>
$(window)scroll(function ()
{
var st = $(this)scrollTop();
consolelog(st);
});
</script>
</head>
<body>
<textarea id="area">11</textarea>
</body>
</html>
1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，使用div标签创建一个模块，并设置其id为mycss。
3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。
4、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。
5、在function方法内，使用if语句判断，当前滚动的位置（scrollTop()）是否到达页面的底部（$(document)height()-$(window)height()），如果到达页面底部，提示“已经到底部了”。
我给我你解释一下吧
你右上角是浏览器
右上角显示的是你body的宽度（这个宽度是不包括滚动条的）
你
$(window)width()
获取的是浏览器的宽度
（这个宽度包括滚动条）
正常情况下这两个宽度相差12像素，也就是一个滚动条的
宽度
//你犯了一个超低级的错误，停止动画的时候出错了
if(top > 2 && top <nowHeight){
//设置滚动条高度为第一屏高度
htanimate({"scrollTop":nowHeight},1000,function(){
htstop(true,true);
//修改这里就行了
});
}
参考这里:>
使用jquery必须注意:jquery的事件、方法等等，都是建立在jquery对象的基础上的，也就是你调用任何的jquery事件或方法都必须$()以后才能使用。
前置条件：
div作为盒子限制高度，并设置overflow:auto。在内容超溢出时会出现滚动条（默认Y轴）
实现滚动条滚动到指定位置有两种情况：无效果 和 有动画效果
(1)无效果--直接使用scrollTop方法
//100为高度，单位px$('box')scrollTop(100)
(2)有效果--使用animate方法
//100为高度，单位px；300为时间，单位ms$('box')animate({scrollTop:100},300)
获取浏览器显示区域（可视区域）的高度：$(window)height();获取浏览器显示区域（可视区域）的宽度：$(window)width();获取页面的文档高度$(document)height();获取页面的文档宽度：$(document)width();浏览器当前窗口文档body的高度：$(documentbody)height();浏览器当前窗口文档body的宽度：$(documentbody)width();获取滚动条到顶部的垂直高度(即网页被卷上去的高度)$(document)scrollTop();获取滚动条到左边的垂直宽度：$(document)scrollLeft();获取或设置元素的宽度：$(obj)width();获取或设置元素的高度：$(obj)height();某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）
以上就是关于为什么jQuery不能监听document.body的滚动事件呢全部的内容，包括:为什么jQuery不能监听document.body的滚动事件呢、jquery滑动鼠标获取滚动条离顶端的距离、如何让jquery动画效果在屏幕滚动到指定位置才执行等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）