91香蕉国产在线观看免费永久_酒店操美女_久久国产乱子_动漫美女扒开内衣吃奶动态图

先設計 后付費,服務更有保障

2024我們與您攜手共贏,為您的企業形象保駕護航!

建網站時如何設計網頁頂部菜單隨滾動條改變樣式

我們平時上網看到許多網站當用戶向下拉動垂直滾動條時,網頁頂部的導航菜單固定不動,并且加入了不同的樣式屬性,顯得頁面瀏覽非常講究、非常人性化。建網站時,這些屬于前端的范疇,技術上是如何實現的呢?

最簡單的實現方法就是使用JQuery,引入庫后可以很簡單的向網頁中某一個樣式類中加入或移除CSS類,再加上滾動條的位置判斷就可以完成:

<script>
    $(window).scroll(function () {
        //獲取滾動條位置
        var top = $(window).scrollTop();
        if(top > 10) {
            //判斷滾動條是否拉動,有向下拉就加入active樣式
            $('.header').addClass('active');
        } else {
            $('.header').removeClass('active');
        }
    });
</script>

至于要加入或移除什么樣子的CSS屬性,就看你自由發揮.active樣式了。不要忘記在網頁頂端引用JQuery庫文件,不然沒有任何效果。


我漢獅網絡提供網站建設、APP軟件開發、軟件開發、小程序開發、網站網絡營銷等一站式服務,歡迎企業咨詢
免費咨詢:18838171308

先設計 后付費,服務更有保障

2024我們與您攜手共贏,為您的企業形象保駕護航!

在線客服
聯系方式

24h咨詢電話

18838171308

微信二維碼
微信