'scrollTo' jquery 函数在 Firefox 中不起作用是否有修复？

Question

大家好，节日快乐，

当我决定在 Firefox 中尝试时，我正要继续开发我的新网站。到目前为止，我只在 Chrome、Safari 和手机上进行测试，一切都很完美。 但是，当我在 Firefox 中打开网页时，它完全跳过了主要由 jquery 启动的介绍，并且在导航中也没有动画，这也是由 jquery 放置的。

我回到了我最早的 JSFiddle，它在 Firefox 中也不起作用，但在其他任何地方都可以正常工作。

Here is the fiddle fullscreen result

And here is the fiddle design view

我正在使用scrollTo 在页面上导航..

我所做的是有一个三倍于视口宽度的容器

#container {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 300%;
  height: 100%;
}

然后这个容器包含 3 个“页面”框，每个框都有 100% 的视口宽度

.box {
  width: 33.33%;
  height: 100%;
  font-size: 20px;
  text-align: center;
  float: left;/*
  border: 2px solid black;
  background-color: red;*/
  box-sizing: border-box;
}

它是 33.33% 的原因是因为容器是父级，所以每个页面从父级宽度的 100% 中占 33.33%，实际上是视口宽度的 300%。

然后有一个固定的菜单，里面有按钮

#naw_wrap{
  width:100%;
  height:30px;
  background-color:green;
  position: fixed;
  z-index:2;
  top:50%;
}

点击按钮使用scrollTo功能移动到所需的.box页面

function goToBox(boxid){
  $('body').animate({
    scrollLeft: $(boxid).offset().left+'px'
  }, 500);
};

在文档准备功能上，我使用上面的功能立即滚动到“主页”页面。现在这在 Firefox 中有效

我希望这现在更容易接受。刚刚在 Opera 中对其进行了测试，它也可以在那里工作。您现在可以调查一下并找出导致它在 Firefox 中出现故障的原因吗？

Answer 1

必须将函数选择器从 'body 更改为 'body,html'，因为显然它在 Firefox 中的工作方式不同。