Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自定义Scrollspy在我的网页上不起作用_Javascript_Jquery - Fatal编程技术网

Javascript 自定义Scrollspy在我的网页上不起作用

Javascript 自定义Scrollspy在我的网页上不起作用,javascript,jquery,Javascript,Jquery,我编写了一些代码来突出显示页面的当前链接。但问题是,它没有通过使用“activem”类突出显示侧栏菜单链接项。 我无法找出我做错的地方。代码如下: 这是网站的jquery部分: $(document).ready(function() { var scrollLink = $('.scroll'); // Smooth scrolling scrollLink.click(function(e) { e.preventDefault(); $('body,html').animate

我编写了一些代码来突出显示页面的当前链接。但问题是,它没有通过使用“activem”类突出显示侧栏菜单链接项。 我无法找出我做错的地方。代码如下:

这是网站的jquery部分:

$(document).ready(function() {

var scrollLink = $('.scroll');

// Smooth scrolling
scrollLink.click(function(e) {
  e.preventDefault();
  $('body,html').animate({
    scrollTop: $(this.hash).offset().top-80
  }, 1000 );
});


// Active link switching
$(window).scroll(function() {
  var scrollbarLocation = $(this).scrollTop();

  scrollLink.each(function() {

    var sectionOffset = $(this.hash).offset().top - 20;

    if ( sectionOffset <= scrollbarLocation ) {
      $(this).addClass('activem');
      $(this).siblings().removeClass('activem');
    }
  });

});

});
$(文档).ready(函数(){
var scrollLink=$('.scroll');
//平滑滚动
滚动链接。单击(功能(e){
e、 预防默认值();
$('body,html')。设置动画({
scrollTop:$(this.hash).offset().top-80
}, 1000 );
});
//主动链路交换
$(窗口)。滚动(函数(){
var scrollbarLocation=$(this.scrollTop();
scrollLink.each(函数(){
var sectionOffset=$(this.hash).offset().top-20;

如果(sectionOffset谢谢guise我发现了问题。侧边栏菜单的最后一个链接没有与任何框关联,因为它导致了问题。谢谢:)