如何建立滾動時附加到頂部的黏性導覽列？

建立捲動時附加到頂部的黏性導覽列

問題：

設計位於可見頁底部的導覽列最初。當使用者向下捲動時，導覽列會上升，直到固定在頁面頂部。

解決方案：

此解決方案涉及利用 jQuery 和 JavaScript 根據滾動位置。

實作：

1. HTML：

   <div>

2. < :

   #banner {
     height: 273px;
   }
   
   #nav_bar {
     height: 30px;
   }
   
   $(document).ready(function() {
     $(window).scroll(function () {
       if ($(window).scrollTop() > 550) {
         $('#nav_bar').addClass('navbar-fixed-top');
       }
       if ($(window).scrollTop() < 551) {
         $('#nav_bar').removeClass('navbar-fixed-top');
       }
     });
   });

進一步說明：

調整JavaScript 中的值（550 和551）以符合滾動位置的確切位置導覽列應該修復。

• 此解決方案可以應用於需要保持固定在特定滾動位置的其他元素。

以上是如何建立滾動時附加到頂部的黏性導覽列？的詳細內容。更多資訊請關注PHP中文網其他相關文章！