脚本适用于chrome，但不适用于Firefox

Question

我有一个脚本在Chrome中运行得很好但在Firefox中没有，我不知道为什么会这样。 该脚本假设从锚点向下滚动到一个id，但在Firefox中什么都不做。

我如何使用下面的脚本示例！

<nav>
  <ul>
    <li><a class="scroll" target="home">Home</a></li>
  </ul>
</nav>

<div id="home">
.....
</div>

<script>
  $('.scroll').click(function() {
  $(document).animate({
  scrollTop: eval($('#' + $(this).attr('target')).offset().top - 70)
  }, 1000);
  });
</script>

Answer 1

将$(document).animate更改$(document).animate $('html,body').animate 。

http://jsfiddle.net/mblase75/vL79H/

---

也就是说，如果JavaScript被禁用或不工作，我会使用HTML标准哈希链接收紧你的代码：

<li><a class="scroll" href="#home">Home</a></li>

然后修改代码以适应它并删除不必要的eval语句：

$('.scroll').click(function (e) {
    e.preventDefault();
    $('html,body').animate({
        scrollTop: $($(this).attr('href')).offset().top - 70
    }, 1000);
});

http://jsfiddle.net/4FQn7/