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