JavaScript 在 Chrome 中工作，在 Firefox 中不工作

Question

我的导航栏可以在 Chrome(41.0.2272.89) 中使用，但不能在 Firefox(36.0.1) 中使用。

HTML

    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav">
        <li  class="active"><a class="navBtn" onclick="scrollTo(home)" title="#home">Home</a></li>
        <li><a class="navBtn" onclick="scrollTo(about)" title="#about">About</a></li>
        <li><a class="navBtn" onclick="scrollTo(clients)" title="#clients">Clients</a></li>
        <li><a class="navBtn" onclick="scrollTo(portfolio)" title="#portfolio">Portfolio</a></li>
        <li><a class="navBtn" onclick="scrollTo(contact)" title="#contact">Contact</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->

使用简单的 onclick，它将激活我的 JS

JS

function scrollTo(element) {
if(element == document.getElementById('home')) {
    $('html, body').animate({
        scrollTop: $(element).offset().top - 54
    }, 500);
} else {
    $('html, body').animate({
        scrollTop: $(element).offset().top - 53 
    }, 500);
}}

JS 似乎在 Chrome 中激活，但在 Firefox 中不激活。

应该发生的是，当您单击某个项目时，网站将向下滚动到该项目。这曾经工作得很好，但现在突然变得不再工作了。

示例 HERE

Answer 1

scrollTo由于其自身原因必须是保留字Window.scrollTo()功能。

function moveTo(element) {
if(element == document.getElementById("home")) {
    $("html, body").animate({
        scrollTop: $(element).offset().top - 54
    }, 500);
} else {
    $("html, body").animate({
        scrollTop: $(element).offset().top - 53 
    }, 500);
}}

因此更改函数名称会返回正常功能。