链接锚定指向特定div不工作

时间:2017-06-12 23:27:32

标签: html wordpress hyperlink

所以我以前从未见过它,这让我发疯了。希望其他人之前遇到过这种情况,并指出我的方向正确。应该注意的是,该站点是在WP平台上构建的。

我有一个非常简单的链接设置: <a href="site.com/page-1/#div">

问题在于,当我在任何页面上时,例如“site.com/page-2”,当我点击链接时没有任何反应......没有触发任何事件。

如果我碰巧在“site.com/page-1”上点击链接,它会滑动到相应的div。但是,同样,在任何其他页面上,链接根本不起作用。

1 个答案:

答案 0 :(得分:0)

You have to give id in that specific div and there are multiple divs then you can use else if condition and then just put this jquery in footer. Please also add jquery.min.js before it 

$(document).ready(function{
   var hash_val = window.location.hash;
   if(hash_val=="#dienstleistungen"){
     $('html,body').animate({
       scrollTop:$("#dienstleistungen").offset().top-70
     },2000);
   }else if(hash_val=="#uberuns"){
     $('html,body').animate({
       scrollTop:$("#uberuns").offset().top-70
     },2000);
  } 
});