div随滚动条滚动到页面头部固定不动然后距离底部多少像素还原

div随滚动条滚动到页面头部固定不动然后距离底部多少像素还原,第1张

获取div的高度:offsetTop和滚动条滚动的高度documentscrollTop,

if(div的高度<滚动条的高度){这里设置div的属性position为fixed,top:0}else{这里设置div高度为原来的高度}

Jquery可以用height(),来获取DOM元素的高。示例如下:

<script src=">

前置条件:

div作为盒子限制高度,并设置overflow:auto。在内容超溢出时会出现滚动条(默认Y轴)

实现滚动条滚动到指定位置有两种情况:无效果 和 有动画效果

(1)无效果--直接使用scrollTop方法

//100为高度,单位px

$('box')scrollTop(100)

(2)有效果--使用animate方法

//100为高度,单位px;300为时间,单位ms

$('box')animate({scrollTop:100},300)

以上就是关于div随滚动条滚动到页面头部固定不动然后距离底部多少像素还原全部的内容,包括:div随滚动条滚动到页面头部固定不动然后距离底部多少像素还原、jquery如何获取DIV包含滚动条在内的高度、如何通过JQuery将DIV的滚动条滚动到指定的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存