Javascript Docusaurus v2导航链接在主页和文档页面上的操作

Javascript Docusaurus v2导航链接在主页和文档页面上的操作,javascript,docusaurus,Javascript,Docusaurus,我在我的docusaurus主页上有不同的部分,通过选中window.location.pathname==='/',我可以从顶部导航栏滚动到使用以下代码的预期部分 let navLink = document.querySelectorAll('nav .navbar__link'); if(navLink) { navLink.forEach(function(link) { link.addEventListener('click', function(e){

我在我的docusaurus主页上有不同的部分,通过选中
window.location.pathname==='/'
,我可以从顶部导航栏
滚动到使用以下代码的预期部分

let navLink = document.querySelectorAll('nav .navbar__link');
if(navLink) {
  navLink.forEach(function(link) {
      link.addEventListener('click', function(e){
        e.preventDefault();
        let selectedSection = e.currentTarget.textContent.toLowerCase();
        if(window.location.pathname === '/') {
          window.scrollTo(0,document.querySelector(`#anchor-${selectedSection}-section`).offsetTop - 100);
        }
      })
  })
}
当我在主页上时,它工作得很好

单击
home
nav链接从docs页面返回(路由)主页后,
scrollTo
方法不起作用,我直接路由到docs路径,而不是滚动到某个主页部分。虽然我正在检查
window.location.pathname==='/'
但代码不会执行

有人能帮我弄清楚在点击文档页面时,路由背后发生了什么吗


注意:我已经在
index.js
文件中编写了上述脚本。

步骤1:创建一个名为home.js的新页面

步骤2:将docusaurus.config.js链接对象从
/
更新为
/home

{to:'/home',标签:“home”,位置:'left'}

第三步:inside
home.js
添加了重定向功能以重定向到“/”,解决了我的实际问题