Question

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

++++++++ EDIT ++++++++ 我能够通过在模板中添加以下元标记来解决我的问题：

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

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

Answer 1

这是Chrome中的一个已知问题，我的解决方案在逻辑上并不清晰。与Chrome渲染javascript的方式有关。但是，在向滚动内容添加父容器div时，它似乎工作正常。在以下链接中使用示例

在javascript中解决了这个问题

Stackoverflow solution

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

我不知道您正在使用的技术，但下面的代码将提供解决方案的提示。在Gwt（Google 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>

希望这有帮助！

Chrome与Firefox vs IE - 滚动问题

1 个答案: