我的google fu目前让我失望所以我想我会在这里寻求帮助..
我有一个页面上有一篇文章(url.com/article/article-headline)。当您使用jQuery向下滚动页面时,它会加载下一篇文章并更改URL(url.com/article/next-article-headline)。
我的问题是,我有一个左侧边栏,其中包含所有文章的列表。我想要发生的是强调当前的文章。因此,当您向下滚动页面并且下一篇文章加载时,下一个侧栏文章标题会突出显示等等。
如果你需要一个我的意思的例子,你可以在time.com上看到它 http://time.com/4010146/smartphones-dinner/(向下滚动页面并观看网址和侧边栏)
为了进行正确的搜索,我真的很难找到它所要求的内容。我猜它类似于scrollspy,但我不确定。是否有适用于此的插件?
答案 0 :(得分:0)
您需要在侧边栏和主要内容的文章部分添加数据属性。在此帮助下,您可以确定文章标题。
使用jQuery然后添加一个名为" active"的类。这将决定当前的文章是否活跃并且风格"活跃"后来的课程只是侧边栏。
示例:.sidebar-article.active { color: #f00; }
如果您需要解决方案,还需要在小提琴的帮助下提供适当的HTML结构和jQuery代码。因此,我们可以提供其余的代码段,也不会损害您当前的代码库。