平滑滚动 -

Question

我实现了以下代码以启用平滑滚动。问题是它似乎不允许书签链接在不在书签页面上时工作。

例如，在下一页上，右侧边栏中的“发布作业”链接/按钮无效 - 单击链接不会执行任何操作 - 甚至不会打开页面。

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> 

Answer 1

将滚动行为设置为仅在此位置工作：https://indianashrm.staging.wpengine.com/job-board/#createjobposting

和#createjobposting窗体不在加载页面（https://indianashrm.staging.wpengine.com/job-board/graphic-designer/），但是当你在/job-board/它是。

如果您打算使用job-board以外的按钮滚动行为，请不要使用this.hash，如果您在别的地方它会抛出未定义的行为。

考虑到没有工作拨弄例如，该解决方案可以是多样的，但有可能是：

• 放置#createjobposting形式/graphic-designer/和 你有其他每个工作项目显示发布作业按钮（如果希望保留滚动行为，建议使用此按钮）。

• ，或者使用一个完整的URL链接：https://indianashrm.staging.wpengine.com/job-board/#createjobposting（如果你是在其他地方，这将重新加载到该位置）