腳本適用於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/