滚动时更改scrollspy链接颜色

时间:2014-10-08 09:25:22

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3 scrollspy

在以下示例http://jsbin.com/huhavejipepi/2/edit?html,js中,我将更改固定在顶部的导航栏中链接的颜色。即。当用户位于页面顶部时,所有链接都应为黑色。当用户向下滚动时,只有活动的scrollspy元素应该是黑色的,而其他的应该是浅灰色的,当它们变为活动状态时改变它们的颜色。

1 个答案:

答案 0 :(得分:1)

你应该考虑这个:

<强> activate.bs.scrollspy
只要新项目被scrollspy激活,就会触发此事件。

$('#myScrollspy').on('activate.bs.scrollspy', function () {
  console.log(this)
})

你应该将addClass()添加到活动元素中,并从其他元素中删除removeClass()。只需在事件中使用console.log(this),就会非常清楚你需要做什么。