如何让我的导航栏跨浏览器工作答案

【问题标题】：How do I make my navbar work cross-browser如何让我的导航栏跨浏览器工作
【发布时间】：2019-09-21 04:01:13
【问题描述】：

<ul class="nav navbar-nav navbar-right">
	<li><a href="#home" class="smoothScroll">HOME</a></li>
	<li><a href="#service" class="smoothScroll">SERVICES</a></li>
	<li><a href="#about" class="smoothScroll">SOFTWASHING</a></li>
	<li><a href="#team" class="smoothScroll">NANO-TECH</a></li>
	<li><a href="#portfolio" class="smoothScroll">COMMERCIAL</a></li>
	<li><a href="#contact" class="smoothScroll">CONTACT</a></li>
</ul>

我一直在努力让我的导航栏正常工作。由于某种原因，它不适用于 chrome 或 android。

我不确定这是编码问题还是我需要更新我的 scrollTo 库。我不知所措，没有想法。我已经阅读了这里的帖子，有时更新库可以解决问题。我是这方面的新手，不知道从哪里开始或如何做。

如果有人可以帮助我，那就太好了。该网站是 www.suresealservices.co.uk

提前谢谢你`

首页

服务

软洗

纳米科技

商业

联系方式

【问题讨论】：

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包含在问题本身最好是在堆栈片段中重现它所需的最短代码。尽管您提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/example doesn't work can I just paste a link。
你好 Paulie_D。谢谢你的留言。我没有包含任何代码，因为我不确定问题是代码本身还是我用于我的网站的库。如果需要，我可以发布代码以使我的问题保持活跃并可供其他成员查看和评论。
@ChrisLawler — 创建minimal reproducible example 的部分意义在于，您会发现这是过程的一部分。
嗨昆汀。这就是问题所在，我以前从未编写过网站，并且我使用过模板网站来构建我的页面。虽然我很想学习，但我不知道我在寻找什么。我想这是使用模板的缺点。
不幸的是，您将不得不付出更多的努力才能真正了解您正在处理的内容。模板是一个好的开始，但要进行调试，除了深入了解细节并了解手头上的内容之外别无他法。您的第一步应该是找到并包含所有与您的标题相关的 HTML，然后是适用于您的标题的 CSS 规则，然后是适用于您的标题的任何 JQuery。那么我们也许可以提供帮助。

标签： jquery html css responsive-design cross-browser

【解决方案1】：

如果您希望链接转到页面上的位置，则必须将id 属性添加到每个位置。例如，您有一个链接<a href="#Contacts">Contacts</a>。您应该转到联系人部分的标题并将其标记为<h2 id="Contacts">Contacts</h2>。十分简单。 :-)

【讨论】：

感谢您的意见。我要试试这个，让你知道我是怎么做的。
我不明白。它可以在 Edge、Firefox 和 Safari 上完美运行，但不能在 Chrome 或 Android 上运行。