如何使导航栏跨浏览器工作

Question

<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

提前谢谢您

   

HOME

   

服务

   

软件洗涤

   

NANO-TECH

   

商业

   

联系

`

Answer 1

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