新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
语法: $(element). scrollTop() /$(element). scrollTop(val) ;
创新互联科技有限公司专业互联网基础服务商,为您提供西部信息中心,高防服务器租用,成都IDC机房托管,成都主机托管等互联网服务。
eg: 当匹配元素为当前页面,那么当前滚动条到整个页面顶端的距离:
var winPos =$(window). scrollTop ();
$(element). offset().top ; $(element). offset().left ;
$( window ). scroll (function(event){
});
1、首先打开hbuilder编辑器,新建一个HTML文档,里面输入长篇的文字。
2、然后在上方引入jQuery的脚本,编辑js脚本,使用bind方法绑定浏览器的scroll事件,监听网页滚动,之后用scrollTop()获取垂直滚动距离,最后弹出输出的值即可。
3、保存一下打开浏览器,可以看到一个长篇的文档。
4、按F12打开浏览器开发者工具,切换到Console标签下,滚动鼠标,就可以在开发者工具里显示出浏览器高度位置的数据了。
你发的那个网站用的是 vue.js 中的 vue-router
JQuery有个平滑滚动插件 jquery-smooth-scroll 可以实现类似效果。
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签创建一个模块,并设置其id为mycss。
3、在css标签内,定义div的样式,设置其宽度为100px,高度为2000px,背景颜色为粉红色。
4、在js标签内,使用scroll()方法监听页面的滚动条,并执行function方法。
5、在function方法内,使用if语句判断,当前滚动的位置(scrollTop())是否到达页面的底部($(document).height()-$(window).height()),如果到达页面底部,提示“已经到底部了”。
script type="text/javascript"
window.onbeforeunload= function () {
return "关闭网页"; //关闭网页时的弹窗
}
window.onscroll= function () {
alert("页面滚动");
}
window.onresize= function () {
alert("页面大小改变了");
}
window.onmousewheel= function () {
alert("鼠标滚动了");
}
/script
可以声明一个变量,在触发事件的适合给变量复制,事件处理完后再赋另外值,滚动事件里面每次都去验证这个变量就可以 。
可以参考下这个异步加载的网页链接