2

サイトを開発していますが、Chrome では動作が異なるようです。スクロールが一貫していない、またはスムーズでない。それは止まり続けます。しかし、同じサイトを Firefox や IE9 で読み込んでも問題ありません。すべてがスムーズにスクロールします。

++++++++EDIT++++++++ テンプレートに次のメタ タグを追加することで問題を解決できました。

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

理由はわかりませんが、それは修正されているようです...そして私が抱えていた他の問題も同様です

4

1 に答える 1

1

これは Chrome の既知の問題であり、解決策は論理的に明確ではありません。Chrome が JavaScript をレンダリングする方法に関係しています。ただし、親コンテナ div をスクロール コンテンツに追加すると、正常に動作するようです。この問題の解決策は、JavaScript の次のリンクに例があります。

Stackoverflow ソリューション

Web ページに追加したリンクは、Chrome よりも IE に関係しています。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>

お役に立てれば！

于 2012-10-04T00:50:08.503 に答える