Question

使用scrollify.js进行页面滚动。我有我的自定义导航栏，用于使用offsetTop滚动。

$(".fixed-nav a").click(function(evn) {
    evn.preventDefault();
    $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
    }, 500);
});

我的页面也有滚动部分以及普通部分。那就是我有6个部分，其中前三个是scrollfy部分，其余三个是正常部分。

一切正常。但问题是当我从第1部分点击第6个（即非滚动部分）部分时，它登陆第3个（即最后一个滚动部分）部分，而不是登陆第6节。

以下是fiddler供参考。任何帮助赞赏。提前谢谢。

Answer 1

无法找到任何解决方案或建议。所以我写了自己的定义来解决我的问题。这帮助了我。

当我点击没有滚动效果的导航时，我使用$.scrollify.instantMove()移动到上次滚动部分，然后使用普通scrollTop jquery导航到欲望部分。

$(".fixed-nav a").click(function(evn) {
    evn.preventDefault();
    if ($(this).hasClass('no-scroll') && (!$(this).closest('li').siblings('.active').find('a').hasClass('no-scroll'))) {
      $.scrollify.instantMove('#3');
      $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
      }, 500);
    } else {
      $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
      }, 500);
    }
  });
});

找到此fiddler以供参考。

Scrollify.js导航问题

1 个答案: