2

我正在开发一个网站，它在 Chrome 中的行为似乎有所不同。滚动不一致或不流畅。它继续停止。但是，当我在 Firefox 或 IE9 中加载相同的站点时，我没有问题。一切都顺利滚动。

++++++++编辑++++++++ 我能够通过将以下元标记添加到我的模板来解决我的问题：

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

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

4

1 回答 1

1

这是 Chrome 中的一个已知问题，解决方案在逻辑上对我来说不是很清楚。与 chrome 如何呈现 javascript 有关。但是，在将父容器 div 添加到滚动内容时，它似乎工作正常。在以下链接中，javascript 中有一个解决此问题的方法，并附有示例

Stackoverflow 解决方案

对于您添加到网页的链接，它更多地与 IE 相关，而不是 chrome。你在 IE 中安装了 chrome 框架吗？

我不知道您正在使用的技术，但下面的代码将为解决方案提供提示。在 Gwt（谷歌网络工具包）中，我制定了如下解决方案：

我早期的导致问题的代码如下

旧代码：

        <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-04T00:50:08.503 回答