我正在使用一个进度条，你在我的网站上滚动的次数越多。代码如下：

<script>
 window.onscroll = function() {myFunction()};
  function myFunction() {
   var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
   var height = document.documentElement.scrollHeight - 
   document.documentElement.clientHeight;
   var scrolled = (winScroll / height) * 100;
   document.getElementById("myBar").style.width = scrolled + "%";
   } 
 </script>

第一项挑战：
问题是，我使用ajax，即使给它一个只在页面路径=“/”时触发的条件，当我转到其他页面时，它仍然在那里，因为没有实际的页面重新加载。
💭 ... 发生这种情况时，如何让脚本停止或隐藏元素。。。💭
我当前使用的条件（不工作）：

if (window.location.pathname == "/") {
} else { 
document.getElementById('pendejada').style.display = 'none';
}

第二项挑战：
另外，当你点击顶部的菜单时，我会对url进行哈希更改，但它们不会将你带到其他地方，你会停留在同一页面上。
💭 ... 当页面路径不是如上所述的“/”但不受这些散列更改的干扰时，如何使函数停止。。。💭
我尝试使用此选项，但这不是一个明智的选择，因为当页面路径更改时，不会发生以下情况：

window.addEventListener('hashchange|popstate' )

我感谢你们帮助我：）🙌