scrollTop应用

Posted studyh5

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scrollTop应用相关的知识,希望对你有一定的参考价值。

$(window).scroll(function() {
var s =$(window).scrollTop();
console.log(s);
var h = document.documentElement.scrollHeight || document.body.scrollHeight;
console.log(h);
var scroll_length = document.body.clientHeight-document.body.scrollTop;
if (0<s&&s<50) {//导航条离页面顶部的距离(px)
//滑到底部
$(window).scrollTop(h);
}else if((h-scroll_length-50)<s&&s<h-scroll_length){
// 滑到顶部
$(window).scrollTop(-1);
}
});














以上是关于scrollTop应用的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 中的鼠标滚轮倾斜与滚动,scrollTop

jQuery Mobile:.animate(scrollTop) 在修复页面转换后不起作用

在 FlexBox 中使用 ScrollTop 不起作用

浏览器缩放改变 window.scrollTop/document.scrollTop 行为

JS基础篇-- body.scrollTop与documentElement.scrollTop

document.body.scrollTop与document.documentElement.scrollTop兼容