jquery 滚动条滚回顶部是怎么判断的

jquery 滚动条滚回顶部是怎么判断的,第1张

看明白了吗??

你要获取顶端 只需要获取到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如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9348956.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存