看明白了吗??
你要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了
要获取底端 只要获取scrollTop()>=$(document)height()-$(window)height() 就可以知道已经滚动到底端了
$(document)height() //是获取整个页面的高度
$(window)height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧
其实你可以自己做个实验就知道了
$(document)scroll(function(){
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
var container = $('body');
var scrollTo = $('#scroll');
containerscrollTop(
scrollTooffset()top - containeroffset()top + containerscrollTop()
);
containeranimate({
scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()
});
3、浏览器运行indexhtml页面,此时刷新页面会自动滑动到指定位置。
你的描述很不清楚,我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop,那么只能在这个上面想办法。在这里你就要建立一个等式,四个参数,滚动条的scrollTop,window的height,目标元素的offersettop和它自身的height。给window一个scroll事件,
通过验证上面所说的等式是否成立,执行你要的代码。
关键
你要确定你的某个元素要在何时触发你的事件
Jquery可以用height(),来获取DOM元素的高。示例如下:
<script src=">以上就是关于jquery 滚动条滚回顶部是怎么判断的全部的内容,包括:jquery 滚动条滚回顶部是怎么判断的、jquery刷新页面 自动滑动到页面某一位置怎么写、js jquery如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)