js元素到达页面一定位置后固定在页面顶部
js元素到达页面一定位置后固定在页面顶部
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).scroll(function(){
var topHight = $(document).scrollTop();//页面滚动的高度
height = parseInt($(".gaidu").css("height"));
//表示页面滚动到此高度是固定某侧边栏元素,一般是需要固定的侧边栏元素上方的总高度
if(topHight < height) {
//页面滚动的高度未达到需要固定的高度
//nav_xiao是需要固定的元素
$(".nav_xiao").css({"position":'',"top":'',"z-index":''});
} else {
//页面滚动的高度超过需要固定的高度,将position设置为fixed
$(".nav_xiao").css({"position":"fixed","top":"0px","z-index":"22"});
}
});
}); </script>