2015-05-24 45 views
1

我正在使用Bootstrap Scrollspy,我想要移除一個滾動類。Bootstrap Scrollyspy刪除類

我的做法是這樣的:

function myFunction() { 
    $(".scroll-area").scrollspy({target: "#header-wrapper"}); 
    $("#header-wrapper").on("activate.bs.scrollspy", function() { 
     $("#header-wrapper").removeClassName("container"); 
    }); 
    } 
} 

我缺少什麼?
我把整件事放在小提琴裏:https://jsfiddle.net/rndu2p4t/

感謝您的幫助!

+0

不明白什麼是錯的,這是我的小提琴:https://jsfiddle.net/rndu2p4t/4/ – Zl3n

+0

滾動時紅色文字應該變黑。 – ScubaBen

回答

1

Scroll Spy用於根據滾動位置更新導航目標,您可以在下面看到一個如何使用'activate.bs.scrollspy'的工作示例。一旦到達第二部分,它將刪除'my-bg'類。

http://jsfiddle.net/q4p5r/293/

有了這樣說你在你的代碼中的錯誤,可能會造成問題。也很難判斷你的函數是否在沒有看到你所有的代碼的情況下被正確調用。

$("#header-wrapper").removeClassName("container"); 

應該

$("#header-wrapper").removeClass("container"); 

如果你想簡單地刪除一個類時,滾動區域移動使用jQuery's scroll代替。我在這裏創建了一個示例:https://jsfiddle.net/rndu2p4t/16/

$(".scroll-area").scroll(function() { 
    $("#header-wrapper").removeClass("container"); 
}); 

希望這會有所幫助,祝你好運!