将TOC更新为当前正在阅读的章节

时间:2016-04-26 17:09:04

标签: javascript jquery html

目前我有一个职位:在我的边栏中固定TOC,用户可以点击跳转到另一个(名称="(1,2,3等)")这页纸。这增加了一类" CurrentlyReading"当用户点击TOC中的另一个li时,它当然会删除该类并将该类添加到用户选择的li中。

我一直试图添加的是:当用户滚动到下一个(或前一个)时(名称="",我希望TOC用当前章节更新,用户是这意味着,我需要删除" CurrentlyReading"的类,并将该类分配给当前正在阅读的li。

有关如何完成此任务的任何提示?

1 个答案:

答案 0 :(得分:0)

我喜欢这里的航点。这是资源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?