1

私は次のスタイルのコンテナを持っています：

overflow-y:auto;
overflow-x:visible;
position:relative;

内部には、次のスタイルのテーブルがあります。

position:relative;

何らかの理由で、まだ両方のスクロールバー（xとy）が表示されます。xスクロールバーを強制的に非表示にすることはできません。スクリプトなどがたくさんあるので、今のところいじることはできませんが、すぐにやります...とにかく、Chromeのコンテナをチェックするoverflow-x: visibleと、スクロールバーが表示されます-どうすれば可能ですか？

編集 - - - - - - - - -

ここにフィドルがあります：http：//jsfiddle.net/Ncd2Y/1/ なぜxスクロールバーが表示されるのですか？

みんなコンテンツをx軸に表示したいのですが...コンテンツは（コンテナの外側で）表示され、スクロールバーは表示されないようにする必要があります...

4

4 に答える 4

2

css プロパティが表示されているため表示されます

.css({"overflow-y":"hidden","overflow-x":"hidden"});

すべてのスクロールバーを削除します。

あなたのCSS：

#container {
background:green;

width:100px;
height:100px;
display:block;
overflow-y:auto;
overflow-x:hidden;

} </p>

最終的な目標を達成するには、コンテナからテーブルを除外し、絶対上に配置し、z インデックスをテーブルよりも低くする必要があります。更新されたフィドルを参照してください。

http://jsfiddle.net/Ncd2Y/2/

あなたの回避策のCSS

#container {
background:green;
position:absolute;
width:100px;
height:100px;
display:block;
overflow-y:auto;
overflow-x:hidden;
word-wrap: break-word;
z-index: -10;

} </p>

そしてワーラウンドhtml：

  <div id="container">

</div>
 <table id="table">
        <tbody>
            <tr>
                <td>column</td>
                <td>column</td>
                <td>column</td>
                <td>column</td>
                <td>column</td>
                <td>column</td>
            </tr>
        </tbody>            
    </table>
​
于 2012-12-19T10:44:39.563 に答える
1

overflow-x: visibleコンテンツが表示されるようになります。 overflow-x: hidden隠します。

于 2012-12-19T10:44:16.687 に答える
1 
overflow-x:hidden;

問題を解決します..

于 2012-12-19T10:44:34.830 に答える