【问题标题】:Link with anchor directed to specific div not working与指向特定 div 的锚点的链接不起作用
【发布时间】:2023-03-27 04:41:01
【问题描述】:

所以我以前从未见过这种情况,这让我发疯。希望其他人以前遇到过这个问题,并且可以为我指明正确的方向。需要说明的是,本站是建立在WP平台之上的。

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

问题是当我在任何页面上时,例如“site.com/page-2”,当我点击链接时什么都没有发生……没有触发任何事件。

如果我碰巧在“site.com/page-1”上并单击链接,它确实会滑到相应的 div。但是,再一次,在任何其他页面上,该链接根本不起作用。

【问题讨论】:

  • 你试过了吗:<a href="site.com/page-1.html#div">
  • 感谢 Gal,我确实尝试过,但无济于事。
  • 您尝试使用name="div"id="div" 属性作为锚点?
  • 是的,都试过了!我们使用的是 HTML5,我相信 name 属性现在已经被贬值了。
  • o.k.... 试试this thread 也许你会记住一些关于哪里出了问题...

标签: html wordpress hyperlink


【解决方案1】:
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);
  } 
});

【讨论】:

  • Danke KTrivedi,我不想让页面在点击时滚动到各种 div。我在页脚中有一个链接,该链接需要适用于所有页面。目前,它仅适用于您在该特定 div 的页面上,但如果您在不同的页面上,则链接将被禁用。有趣的是,如果我检查元素并单击检查器中的链接,它可以正常工作。
猜你喜欢
  • 1970-01-01
  • 2011-03-02
  • 2012-08-29
  • 2016-12-10
  • 1970-01-01
  • 1970-01-01
  • 2023-03-31
  • 2021-01-10
  • 2015-01-06
相关资源
最近更新 更多