使用SlickNav平滑滚动父菜单项

时间:2014-11-24 02:08:37

标签: javascript jquery smooth-scrolling slicknav

我在我的网站上使用Slicknav添加一个移动友好菜单。我有一个脚本,我正在运行以添加平滑滚动到页面锚点,由于某种原因它适用于子菜单项而不是父菜单项。

我猜这是因为父菜单项附加了某种点击功能以打开子菜单。我对jQuery不太满意,我不知道如何解决这个问题。

以下是我用来添加滚动效果的内容:

$('.slicknav_menu 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').stop().animate({
      scrollTop: target.offset().top - 120 //offsets for fixed header
    }, 1000);
    return false;
  }
}
});

0 个答案:

没有答案