快捷搜索:  朋友圈  as  伪静态  次数  虎牙  浏览数  响应式  anniu

js元素到达页面一定位置后固定在页面顶部

js元素到达页面一定位置后固定在页面顶部

<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> 

您可能还会对下面的文章感兴趣: