平滑滚动 -(Smooth Scrolling -)

 我实现了以下代码来启用平滑滚动。 问题是它似乎不允许书签链接在不在书签页面上时工作。 
 
 例如，在下一页上，右侧栏中的“发布作业”链接/按钮不起作用 - 单击链接将不会执行任何操作 - 甚至不会打开页面。 
 
 https://indianashrm.staging.wpengine.com/job-board/graphic-designer/ 
 
 如果书签链接位于带有书签的页面上，则可以工作 - 请参阅侧栏中的“发布作业链接/按钮”。 
 
 https://indianashrm.staging.wpengine.com/job-board/ 
 
 有任何想法吗？ 
 
<script>
jQuery(document).ready(function($){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});
</script>

I implemented the following code to enable smooth scrolling. The problem is it doesn't seem to allow bookmark links to work when they aren't on the page of the bookmark. 
 
For example, on the following page, the "Post a Job" link/button in the right sidebar doesn't work - clicking the link does nothing - doesn't even open the page.
 
https://indianashrm.staging.wpengine.com/job-board/graphic-designer/
 
If the bookmark link is on the page with the bookmark, it works - see "Post a Job link/button in sidebar.
 
https://indianashrm.staging.wpengine.com/job-board/
 
Any ideas?
 
<script>
jQuery(document).ready(function($){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});
</script>

原文：https://stackoverflow.com/questions/43613279