Как управлять шпионом Bootstrap Scroll
Я разработал одностраничный веб-сайт, и я использовал шпион прокрутки Bootstrap в навигации по заголовкам, когда прокрутка вниз по конкретному пункту меню навигации по разделу подчеркивается. Я использовал четыре пункта меню: первое и последнее меню подчеркнуто при прокрутке. Но прокручиваем 3-й раздел 2-й раздел меню подчеркнут. пожалуйста, помогите мне введите описание изображения здесь Если я нажму на пункт меню "Цена", пункт "Функция" будет подчеркнут, а в меню "Ценообразование" должно быть подчеркнуто, пожалуйста, помогите, сэр.
Ссылка: http://floretmedia.net/temp/pbee/
.navbrdr .active {
border-bottom: 4px solid #86bd3a;
}<body id = "lcp1" data-spy = "scroll" data-target = ".navbar" data-offset = "70">
<header>
<div class = "custom-container">
<div class = "header-right">
<div class = "navbar-holder"> <!-- navbar-holder -->
<nav class = "navbar navbar-default"> <!-- navbar-inverse -->
<div class = "navbar-header">
<button type = "button" class = "navbar-toggle collapsed blue" data-toggle = "collapse" data-target = "#navbar" aria-expanded = "false" aria-controls = "navbar">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<div class = "ease cf">
<a class = "navbar-brand" href = "./">
<img src = "images/logo.png" alt = "sfatech Logo">
</a>
</div>
</div> <!-- /.navbar-header -->
<div id = "navbar" class = "collapse navbar-collapse cf"> <!-- nav-collapse -->
<ul class = "nav navbar-nav navbar-right navbrdr">
<li class = "active"><a href = "./">HOME </a></li>
<li><a href = "#features"> FEATURES </a></li>
<li><a href = "#plans">PRICING</a></li>
<li><a href = "#contact">CONTACT</a></li>
<li><a href = "includes/enquiry_form.php" class = "signup fancybox" data-fancybox-type = "iframe">SIGN UP</a></li>
</ul> <!-- /.navbar-nav -->
</div> <!--/.nav-collapse -->
</nav> <!-- /.navbar-inverse -->
</div> <!-- /.navbar-holder -->
</div><!-- header-right -->
</div><!-- custom-container -->
</header>Если я нажму на пункт меню "Цена", пункт "Функция" будет подчеркнут, а в меню "Ценообразование" должно быть подчеркнуто, пожалуйста, помогите, сэр.
Выстрел скриба i.stack.imgur.com/CBWX8.jpg
Я обнаружил, что проблема работает над этим.
Возможно, вы захотите взглянуть на этот ответ: stackoverflow.com/a/11814275/7384523, вы можете настроить поведение прокрутки в jquery таким образом, чтобы вы могли расширить прокрутку вниз до того места, где шпион прокрутки будет нацеливаться на правильный div.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
когда вы нажимаете на меню «Цены» или «Функции», ваша навигация не касается вашего идентификатора раздела. Вот почему не работает.
Если вы проверили, что при прокрутке, он работает нормально, это потому, что он касается вашего идентификатора раздела.
Я использовал приведенный выше код, но сценарий возврата к началу не работает, и при нажатии пункта меню плавная прокрутка не работает, пожалуйста, помогите мне
Можете ли вы добавить снимок экрана с фактической точкой, в которой воспроизводится проблема?