jquery页面滚动,菜单固定到顶部


// 菜单固定
    $(function(){
        //获取要定位元素距离浏览器顶部的距离
        var navH = $("#topp").offset().top;
        //滚动条事件
        $(window).scroll(function(){
        //获取滚动条的滑动距离
        var scroH = $(this).scrollTop();
        //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
        if(scroH>=navH){
            $("#topp").css({"position":"fixed"});
        }else if(scroH<navH){
            $("#topp").css({"position":"relative"});
        }
    })
    })

页面滚动,菜单固定到顶部


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM