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＆＃34;页面＆＃34;每个框都有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);
};

同样在文档就绪功能上我使用上面的功能立即滚动到＆＃34; home＆＃34;页。现在这可以在Firefox中使用

我希望现在更容易接受。刚刚在Opera中测试它，它也在那里工作。您现在可以调查一下，并能够解决导致它在Firefox中出现故障的原因吗？

Answer 1

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

是否修复了'scrollTo'jquery函数无法在Firefox中运行？

1 个答案: