从单独的 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);
}