將間諜滾動到多個導航欄

我正在建立一個帶引導程序4的單頁網站，我想將引導程序滾動間諜應用到我的主導航欄和帶有子彈的側面「導航欄」。我將滾動間諜應用於主導航，但我無法弄清楚如何使用側欄進行操作。另外，如果我再次將data-target=".navbar"更改爲data-target="#bulletNav"，則它不起作用。這裏是的jsfiddle： https://jsfiddle.net/2beqhxxe/將間諜滾動到多個導航欄

預先感謝

來源

2017-10-16 Giannis Savvidis

的響應在Scrollspy.js，該組件在處理「目標」，其具有.nav鏈路或.LIST基的項目類只鏈接（見下面的有罪代碼;-)）。這裏是多scrollspy的解決方案的jsfiddle像你這樣想：https://jsfiddle.net/airpanda50/7ymL4f11/

const Selector = { 
    DATA_SPY  : '[data-spy="scroll"]', 
    ACTIVE   : '.active', 
    NAV_LIST_GROUP : '.nav, .list-group', 
    NAV_LINKS  : '.nav-link', 
    LIST_ITEMS  : '.list-group-item', 
    DROPDOWN  : '.dropdown', 
    DROPDOWN_ITEMS : '.dropdown-item', 
    DROPDOWN_TOGGLE : '.dropdown-toggle' 
}

來源

2017-10-17 16:48:26

由於它的工作原理。我注意到的另一個問題是，它始於聯繫（最後一個鏈接）活動，當我滾動，然後它標記實際活動鏈接... –

是的，我也注意到了，但這是因爲你給JavaScript中的部分標籤的高度document.ready所以當scrollspy啓動時，所有的部分都是空的，高度爲0。我改變了jsfiddle中的代碼： - desactive all javascript指令 - 在CSS中添加規則：sections {height：100vh;} 所以現在當頁面加載時段標籤有一個高度。 –

現在感謝它，因爲它應該是 –

將間諜滾動到多個導航欄

回答

相關問題