Question

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

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

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

Answer 1

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

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

1 个答案: