將TOC更新爲當前正在閱讀的章節

目前我有一個位置：在我的側欄中固定TOC，用戶可以點擊跳轉到不同的（名稱=「（1，2，3等）」）在頁面上。這爲選定的li添加了一個「currentlyReading」類。當用戶單擊TOC中的另一個li時，它將刪除該類並將該類添加到用戶選擇的li。將TOC更新爲當前正在閱讀的章節

我一直在試圖增加的是：當用戶滾動瀏覽下一個（或前一個）（名稱=「」，我希望TOC用用戶正在閱讀的當前章節進行更新，也就是說，我需要刪除之類的「currentlyReading」那類分配給當前正在閱讀裏。

如何做到這一點的任何提示？

來源

2016-04-26 sheol.plagues

我喜歡這個航點。這裏是一個資源http://imakewebthings.com/waypoints/

要使用航點，您應將其包含在您的應用程序，然後在你的js中調用它。

在頭

<script src="js/waypoints.min.js" type="text/javascript"></script>

在你的js

$('.currentlyReading').waypoint(function(event, direction) { 
    //do your trickery here e.g. 
    //$(this).toggleClass('currentlyReading'); 
    //$(this).next().toggleClass('currentlyReading'); 
    //event.stopPropagation(); 
});

我發現了一個堆棧的例子這裏也How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

來源

2016-04-26 18:30:05 blamb

將TOC更新爲當前正在閱讀的章節

回答

相關問題