js如何判断滚动到某个DIV时候，悬浮广告出现

2024-11-12 11:48:51

推荐回答（2个）

回答1：

程序上给body或documentElement的scrollLeft、scrollTop赋值，
浏览器在没有出滚动条时，赋值后该值不会发生变化，始终是0。
下面是示例，该检测方法，不仅可以检测页面滚动条，传入要检测的节点，一样可以得到想要的结果。
代码（给scrollLeft，scrollTop赋负数值时会报错，此外scrollLeft，scrollTop的值不能大于实际最大的滚动值）：

复制代码代码示例:
var isScroll = function (el) {
// test targets
var elems = el ? [el] : [document.documentElement, document.body];
var scrollX = false, scrollY = false;
for (var i = 0; i < elems.length; i++) {
var o = elems[i];
// test horizontal
var sl = o.scrollLeft;
o.scrollLeft += (sl > 0) ? -1 : 1;
o.scrollLeft !== sl && (scrollX = scrollX || true);
o.scrollLeft = sl;
// test vertical
var st = o.scrollTop;
o.scrollTop += (st > 0) ? -1 : 1;
o.scrollTop !== st && (scrollY = scrollY || true);
o.scrollTop = st;
}
// ret
return {
scrollX: scrollX,
scrollY: scrollY
};
};

第二部分，jquery判断滚动条到底部并加载数据的方法。js滚动条回到顶部示例代码 js 页面刷新记住滚动条位置的方法 js动态隐藏滚动条(兼容多浏览器 IE FF等)
有些浏览器下会出现累计执行、重复执行的情况，可以在准备执行前和执行完毕加一个执行完毕的标记，当判断上一次执行完毕，再执行该次操作。

复制代码代码示例:

jQuery实现当拉动滚动条到底部加载数据

dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd

dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd

dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd

另外，此下拉到最后，浏览器会记住当前滚动条位置，会在刷新页面后，直接执行操作，所以在刷新页面时要执行，滚动条到顶部的操作。

复制代码代码示例:

在jQuery中获取浏览器窗口的尺寸信息
在jQuery中获取浏览器及页面的长度与宽度主要用到以下几个代码：

$(window).height() 　//浏览器时下窗口可视区域高度
$(document).height()　　　　//浏览器时下窗口文档的高度
$(document.body).height()　　　　　　//浏览器时下窗口文档body的高度
$(document.body).outerHeight(true)　//浏览器时下窗口文档body的总高度包括border padding margin
$(window).width() 　//浏览器时下窗口可视区域宽度
$(document).width()//浏览器时下窗口文档对于象宽度
$(document.body).width()　　　　　　//浏览器时下窗口文档body的高度
$(document.body).outerWidth(true)　//浏览器时下窗口文档body的总宽度包括border padding margin

回答2：

利用jQuery：
$(function(){
// 监听滚动事件

$(window).scroll(function(){
// 获得div的高度

var h = $("#你要滚到位置的div").offset().top;
if($(this).scrollTop()>h && $(this).scrollTop() < h+100){

// 滚动到指定位置

$("#fl_yushou").show();

} else {
$("#fl_yushou").hide();
}
});

})

普桑行车后尾灯左边不亮，右边亮；雾灯是左边亮，右边不亮，请问是怎么回事？

美国为何在第二次世界大战后，成为超级大国

做了乐嘉老师的色彩性格测试题后发现红色蓝色一样多？

借；库存现金贷；银行存款

设等差数列{a n }的前n项和为S n ，已知a 3 =9，S 6 =66．（1）求数列{a n }的通项公式a n 及前n项的和S

word2010怎么设置标题级别

女生学化妆有前途还是学美容有前途

在除法里，如果商大于被除数，那么除数一定小于1。 [ ]

烈火红岩的介绍