Chrome vs Firefox vs IE - 滚动问题

我正在开发一个网站，它在Chrome中的行为似乎有所不同。滚动不一致或平滑。它一直停下来。但是，当我在Firefox或IE9中加载相同的站点时，我没有任何问题。一切顺利滚动。Chrome vs Firefox vs IE - 滚动问题

++++++++编辑++++++++ 我能够通过将以下meta标签到我的模板来解决我的问题：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

我不知道为什么，但它似乎解决它...以及我遇到的其他问题

来源

2012-07-04 Andre S

这是Chrome中的一个已知问题，并且该解决方案在逻辑上对我来说并不明确。与Chrome如何呈现JavaScript有关。但是，将父容器div添加到滚动内容似乎工作正常。还有就是这个问题的解决方案在以下链接的JavaScript用一个例子

Stackoverflow solution

对于已添加到您的网页更是与IE相比镀铬的链接。你在IE中安装了Chrome框架吗？

我不知道你正在使用的技术，但下面的代码会给出暗示，solution.In GWT（谷歌Web工具包），我摸索出解决办法如下：

我前面的代码这是造成问题是如下

旧代码：

 <g:FocusPanel addStyleNames="{style.scrollable} {style.fullHeight}" ui:field="bodyContainer"> 
     <b:CellTable width="100%" ui:field="bodyTable"/> 
     </g:FocusPanel>

新代码： CSS：

 #scrollContainer { 
     overflow:auto; 
     position:absolute; 
     top:0px; height:100%; width:100%; 
    } 

HTML: 
    <div id="scrollContainer"> 
    <g:FocusPanel ui:field="bodyContainer"> 
     <b:CellTable width="100%" ui:field="bodyTable"/> 
    </g:FocusPanel> 
    </div>

希望这有助于！

来源

2012-10-04 00:50:08 MindBrain

Chrome vs Firefox vs IE - 滚动问题

回答

相关问题