jquery判断滚动条位置,jquery控制div滚动条到指定位置停止

发布时间:2020-04-05编辑:脚本学堂
jquery判断滚动条位置的例子,jquery控制div滚动条滚动到一定位置后便停止,在页面中正确显示滚动条位置是个关键,可以参考下这里提供的jquery控制滚动条位置的办法。

jquery/scrollbar/ target=_blank class=infotextkey>jquery滚动条

jquery判断div随滚动条滚动到一定位置后停止

例子:
 

复制代码 代码示例:
<script type="text/javascript">
var rollSet = $('#widget');
var offset = rollSet.offset();
var fwidth = $("#footer").height();
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
var scrollBtm = $(document).height() - $(window).scrollTop() - $("#widget").height();
if (offset.top < scrollTop) {
if (scrollBtm > fwidth) {
rollSet.removeClass('absolute').addClass('fixed')
} else {
rollSet.removeClass('fixed').addClass('absolute')
}
} else {
rollSet.removeClass('fixed')
}
})
</script>

jquery判断滚动条位置的要点:
1、由页面总高度减去已滚动的高度,再减去id为widget的层的高度,便等于该层底部距离底部的高度;
2、当距离底部的高度小于或等于特定位置距离底部的高度时,去掉样式fixed,然后给该层添加绝对定位!
3、css中要给父父层添加position:relative;