ajian 发表于 2021-3-13 17:07

jQuery网页向下滚动导航固定顶部代码



jQuery网页向下滚动导航固定顶部代码是一款利用监测scrollTop距离进行导航栏的fixed固定来实现的js网站特效。


js代码

<script>
$(function(){
        var a = $('#nav'),
                b =a.offset();
        $(document).on('scroll',function(){
                var        c = $(document).scrollTop();
                if(b.top<=c){
                        a.css({'position':'fixed','top':'0px'})
                        }else{
                                a.css({'position':'absolute','top':'300px'})
                                }
                })
        })
</script>
页: [1]
查看完整版本: jQuery网页向下滚动导航固定顶部代码