引导按钮显示活动状态无法正常工作

Question

Here is a demosite that I'm working on: http://tanzendesign.com/brightnews

I'm trying to use bootstrap active state button on top fixed menu, but when I click nav button, other button becomes active...

How to solve this problem?

Answer 1

It looks like you're using Bootstrap's scrollspy to control that highlighting. Make sure scrollspy is being refreshed after all the content has been loaded, and when the browser is resized, so the content area positions can be properly calculated.

$('[data-spy="scroll"]').each(function () {
  var $spy = $(this).scrollspy('refresh')
});