滚动到末尾以斜杠锚定>>

问题描述 投票:-1回答:1

我有一个网站,其中的部分包含#,并且菜单项应滚动到它们。由于网站的设置,要求我的URL末尾带有/(斜杠)。

例如website.com/about /

所以锚定是website.com/about/#team/

URL末尾带有/时,滚动至锚点不起作用。我的网站上没有任何jQuery,因此简单的跳转至该部分也无法正常工作。当我删除/时有效。

是否有可用于该目的的jQuery?我尝试了一堆jQuery,但没有成功。

$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {
    event.preventDefault();
    var hash = this.hash;
    $('html, body').animate({
      scrollTop: $(hash).offset().top
    }, 800, function(){
         window.location.hash = hash;
    });
  });
});

我有一个网站,其中的部分包含#,并且菜单项应滚动到它们。由于网站的设置,要求我的URL末尾带有/(斜杠)。例如website.com/about/锚点...

javascript scroll anchor
1个回答
0
投票

正如您说的那样,您不能更改哈希模式,那么您必须进行反向处理:在放入$(hash).offset()方法之前,请从this.hash中删除破折号

© www.soinside.com 2019 - 2024. All rights reserved.