为啥 href 在 iOS 上不起作用，而在包括 Mac 在内的任何其他设备上都可以正常工作？

Posted 2023-03-05

【中文标题】为啥 href 在 iOS 上不起作用，而在包括 Mac 在内的任何其他设备上都可以正常工作？

【英文标题】：Why is href not working on iOS whilst it works fine on any other devices including Mac?为什么 href 在 iOS 上不起作用，而在包括 Mac 在内的任何其他设备上都可以正常工作？

【发布时间】：2021-02-27 00:57:54

【问题描述】：

根据标题，href 在任何地方看起来都很好，但在 ios 设备上。 有趣的是，我在导航栏中确实有 href，这些在 iOS 上也可以正常工作，但所有其他人都没有。

如果需要，这是网站：http://www.fncfranzese.com/

这些是在任何地方都可以使用的 href，即使在 iO 上也是如此：

<ul className=`header nav-bar nav-list $menuActive` onClick=this.toggleMenu> 
  <li><a href="#hero" data-after="Home">Home</a></li>
  <li><a href="#services" data-after="Service">Services</a></li>
  <li><a href="#skills" data-after="Skills">Skills</a></li>
  <li><a href="#projects" data-after="Projects">Projects</a></li>
  <li><a href="#about" data-after="About">About</a></li>
  <li><a href="#contact" data-after="Contact">Contact</a></li>
 </ul>

这些是曾经无法仅在 iOS 上运行的：

<a href="#contact" type="button" className="cta_hero">REQUEST A QUOTE </a>

<div className="social-icon">
  <div className="social-item">
    <a href="https://www.facebook.com/ffkekko" target="_blank" rel="noopener noreferrer"><img src= require("../img/iconFacebook.png") /></a>
  </div>
  <div className="social-item">
    <a href="https://www.instagram.com/ff_franz/" target="_blank" rel="noopener noreferrer"><img src=require("../img/iconInstagram.png") /></a>
  </div>
  <div className="social-item">
    <a href="https://api.whatsapp.com/send?phone=393927839583" target="_blank" rel="noopener noreferrer"><img src=require("../img/iconWhatsapp.png") /></a>
  </div>
  <div className="social-item">
    <a href="https://www.linkedin.com/in/francesco-franzese-7a7243108/" target="_blank" rel="noopener noreferrer"><img src=require("../img/iconLinkedin.png") /></a>
   </div>
 </div>

<div className="contact-info" data-aos="zoom-in" data-aos-delay="1" data-aos-once="true" data-aos-offset="15">
  <h1>Email</h1>
  <h2><a href="mailto:[e-mail]">[e-mail]</a></h2>
</div>

我尝试了网络建议，这意味着在适用的情况下在 # 之前添加 /，但这也不起作用。

如果你们中的任何人对正在发生的事情有任何想法，我将非常感谢您的来信。 最好的祝福

【参考方案1】：

此问题已排序。我有一个 ::after 是固定的而不是绝对的，它覆盖了整个文档，不允许点击按钮。