机车滚动:有可能将querySelector与URL和锚点标签一起使用吗

Question

我的导航中的链接使用带有锚标记的URL(f.e.mysite.com/about#cv(。原因是即使我不在f.e.about页面上，我也想跳转/滚动到特定的部分。通常情况下，这很好用。但我使用的是机车卷轴库。

我目前正在使用：

<script>$('.nav-link').on('click', function() {const slider = document.querySelector('#cv');locoScroll.scrollTo(slider)</script>

当我在锚所在的页面上时，这很好。但我希望能够从我的网站上的任何地方访问特定的部分。

Answer 1

您需要检查您所在的网站页面，然后根据该页面的脚本注入：

// get currentURL
let link = $(location).attr('href');
switch (link) { 
case 'https://yourwebsite.com/about': 
$('.nav-link').on('click', function() {const slider = document.querySelector('#cv');locoScroll.scrollTo(slider)
break;
case 'https://yourwebsite.com/homepage': 
$('.nav-link').on('click', function() {const slider = document.querySelector('#homepage');locoScroll.scrollTo(slider)
break;
default:
alert('Some script if no one case from the above happens');
}