javascript - 从单独的 url 反向链接自动滚动到主页（根）页面的特定部分

Question

我在我的网站主页 (myexample.com) 上有这个基本代码：

setTimeout(function(){
  document.getElementById("pizza3").scrollIntoView( {behavior: 'smooth'} );
}, 2000);

现在，滚动效果将在每次调用主页 (myexample.com) 时触发。我实际上希望这个脚本片段触发，并且只有在主页的 url 字符串明确读取时触发：myexample.com#pizza3

如何修改基本代码以实现？

干杯!

Answer 1

这应该会捕获 URL 的最后 7 位数字并检查它们是否有披萨标签：

let url = window.location.href;
let tagStr = url.substr(url.length - 7);
if (tagStr == '#pizza3') {

setTimeout(function(){
    document.getElementById("pizza3").scrollIntoView( {behavior: 'smooth'} );
}, 2000);
      }