重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
语法: $(element). scrollTop() /$(element). scrollTop(val) ;
成都服务器托管,创新互联提供包括服务器租用、乐山服务器托管、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、域名申请等业务的一体化完整服务。电话咨询:13518219792
eg: 当匹配元素为当前页面,那么当前滚动条到整个页面顶端的距离:
var winPos =$(window). scrollTop ();
$(element). offset().top ; $(element). offset().left ;
$( window ). scroll (function(event){
});
可以声明一个变量,在触发事件的适合给变量复制,事件处理完后再赋另外值,滚动事件里面每次都去验证这个变量就可以 。
可以参考下这个异步加载的网页链接
你发的那个网站用的是 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()),如果到达页面底部,提示“已经到底部了”。