jquery如何实现当滚动条滑动到某一个高度时加入CSS内部样式
2014-12-02 15:53:51   来源:   评论:0 点击:

jquery如何实现当滚动条滑动到某一个高度时加入CSS内部样式,(一般用于网站右边,底部的广告随着滚动条滑动到某一个高度时,此广告一直显示不变)具体示例如下:

jquery如何实现当滚动条滑动到某一个高度时加入CSS内部样式,(一般用于网站右边,底部的广告随着滚动条滑动到某一个高度时,此广告一直显示不变)具体示例如下:

.fixed{position: fixed; top: 10px;}

<div id="ad_box">

-------

</div>

<script>

$(function(){$(function() {

//检查对象,#boxs是要随滚动条固定的ID

var offset = $('#ad_box').offset();

$(window).scroll(function () {

//检查对象的顶部是否在游览器可见的范围内

var scrollTop = $(window).scrollTop();

if (offset.top < scrollTop){

$('#ad_box').addClass('fixed');

}

else{

$('#ad_box').removeClass('fixed');

});

});

}); 

</script>

相关热词搜索:jquery js

上一篇:使用JS屏蔽某个省份IP段广告展示示例
下一篇:最后一页