Якорные теги - Используя плавную прокрутку, как добавить класс к элементу меню при прокрутке (не щелкнуть?) - PullRequest
Новая
       39

Якорные теги - Используя плавную прокрутку, как добавить класс к элементу меню при прокрутке (не щелкнуть?)

0 голосов
/ 13 марта 2019

Я использую этот код для плавного перехода к разделу страницы в клике привязки (одна страница и с другой страницы): 

$(document).ready(function($){

$('.navbar-nav li a').click(function(){
$('.navbar-nav li a').each(function(){
  $(this).removeClass('active');
});
$(this).addClass('active');
});
});

$(function() {
$('.header-box a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  var target = $(this.hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  if (target.length) {
    $('html, body').animate({
      scrollTop: target.offset().top - 90
    }, 1000);
    return false;
  }
}
});
});  

var hash= window.location.hash;

if ( hash == '' || hash == '#' || hash == undefined ) return false;     
  var target = $(hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  if (target.length) {
    $('html, body').animate({
      scrollTop: target.offset().top - 90
    }, 1000);
    return false;
  }

У меня возникли две проблемы:

  • Во-первых, мне нужно добавить класс к элементу меню при прокрутке или нажатии снаружи, чтобы он выделялся из других элементов.

  • Один из пунктов меню не возвращаетсяв правую позицию при нажатии или доступе с другой страницы.

Веб-сайт здесь: http://xbn.1ae.myftpupload.com/

...