Javascript 将分页文章链接到侧栏
我的google fu现在让我失望,所以我想我应该在这里寻求一些帮助 我有一个页面上只有一篇文章(url.com/article/article headline)。当您使用jQuery向下滚动页面时,它将加载下一篇文章并更改url(url.com/article/next article headline) 我的问题是,我有一个左手边栏,上面有所有文章的列表。我想做的是突出显示当前的文章。因此,当你向下滚动页面并加载下一篇文章时,下一个侧边栏文章标题会突出显示,等等 如果你需要一个例子来说明我的意思,你可以在time.com上看到 (向下滚动页面并查看URL和侧边栏)Javascript 将分页文章链接到侧栏,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的google fu现在让我失望,所以我想我应该在这里寻求一些帮助 我有一个页面上只有一篇文章(url.com/article/article headline)。当您使用jQuery向下滚动页面时,它将加载下一篇文章并更改url(url.com/article/next article headline) 我的问题是,我有一个左手边栏,上面有所有文章的列表。我想做的是突出显示当前的文章。因此,当你向下滚动页面并加载下一篇文章时,下一个侧边栏文章标题会突出显示,等等 如果你需要一个例子来说明我
我真的很难找到它的名字,以便进行适当的搜索。我想这和scrollspy很相似,但我不确定。是否存在用于此目的的插件?您需要将数据属性添加到侧栏和主要内容的文章部分。借助它,您可以确定文章标题 然后使用jQuery添加一个名为“active”的类,该类将确定当前文章是否处于活动状态,并在稍后为侧栏设置“active”类的样式 示例:
.sidebar-article.active{color:#f00;}
如果您需要一个解决方案,还需要在fiddle的帮助下提供适当的HTML结构和jQuery代码。因此,我们可以提供其余的代码片段,同时也不会损害您当前的代码库。发布一些代码和提琴您是否使用AJAX获得下一篇文章?请发布检索下一篇文章的代码。这是一个很好的起点,谢谢。我会看看我的进展如何,如果我被卡住了,我会输入一些代码