滾動活動類的引導程序需要在頂部100px之前添加

引導程序滾動導航僅在活動狀態達到屏幕頂部時纔會更改活動狀態。我需要它從頂部到達100px時進行更改。滾動活動類的引導程序需要在頂部100px之前添加

當我點擊導航時，它在100px之前停止，這是正確的，但active狀態不會改變。

$(function() { 
    $(document).on('click', 'a.page-scroll', function(event) { 
    var $anchor = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: $($anchor.attr('href')).offset().top - 50 
    }, 1500, 'easeInOutExpo'); 
    event.preventDefault(); 
    }); 
});

對於例如：在本demo（download link）的活動狀態只有在股利去頂變化。我該如何做到這一點，以便從頂部起100px時活動狀態發生變化。

來源

2017-06-30 Santosh

你觀看演示網站的源代碼？ 'scrolling-nav.js'具有影響導航摺疊切換的代碼，這取決於您從屏幕頂部開始的像素數量... –

我已經更改了該值。現在發生什麼是div在100px之前停止，但活動類不會改變。激活的類在達到'0'時發生變化 – Santosh

您是否有動作中的小提琴或演示代碼？我假設鏈接的演示只是開發者的例子？ –

如果我正確理解你的問題，你想改變你的導航中的鏈接的活動狀態，當它從頂部到100px，是否正確？引導的scrollspy有一些JavaScript引用您可以設置body標籤，如果你看看你給你可以看到，它看起來像下面的例子中，body標籤來控制偏移：

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

它設置了滾動插件和目標。您也可以設置data-offset。所以它看起來像下面這樣：

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="100">

您可以閱讀引導的javascript參考Here

來源

2017-07-03 19:52:09

非常感謝。這正是我想要的。 – Santosh

滾動活動類的引導程序需要在頂部100px之前添加

回答

相關問題