5

overflow-xでコンテンツを非表示にし、( visible) でコンテンツを表示するように設定された div がありますoverflow-y
残念ながら、それは私が望むようには機能していません。垂直スクロール バーが追加されます。これは、とが一緒に機能しないためだoverflow-xと思います。 私の知る限り、一方のオーバーフローが非表示に設定されている場合、もう一方は自動に設定されています。 これを回避する他の方法はありますか?オーバーフローを水平に非表示にし、(スクロールなしで) 垂直に表示できますか? 混乱がないように、もう少し説明するフィドルがあります: http://jsfiddle.net/kwnQk/overflow-y




編集
これが私が抱えている実際の問題です: http://jsfiddle.net/kwnQk/1/
divとjQueryから作成された選択ボックスがあり、それがdivの高さを超えてしまい、スクロールバーが追加されます. divを非表示にする必要があり、divが自動になる
ため、オーバーフロー関数がそのように機能するのは残念です。overflow-x overflow-y

編集 2
この新しい JSFiddle を参照して、オーバーフローが必要な理由を正確に示してください: http://jsfiddle.net/kwnQk/3/
スライダーも含まれており、特定の幅に設定する必要があります。また、ページの高さ全体を占めることはできないため、高さも制限する必要があります。

4

4 に答える 4

2

オーバーフロー プロパティを表示したままにして、左右にパディングを使用するだけでよいと思います。画像がない限り、テキストは折り返されます。

画像の場合は、幅が 100% の子 div の使用を検討する必要があります。

于 2012-10-17T10:05:12.680 に答える
0

jquery selectbox プラグインを試してみてください。これは素晴らしく、あなたがしようとしていることを正確に実行します:

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

于 2012-10-17T11:33:43.770 に答える
0

残念ながら組み合わせが悪い。ドキュメントhttp://www.w3.org/TR/css3-box/#overflow-xから:

'overflow-x' と 'overflow-y' の計算値は、指定された値と同じですが、'visible' とのいくつかの組み合わせは不可能です: 一方が 'visible' として指定され、もう一方が 'scroll' である場合または 'auto' の場合、'visible' は 'auto' に設定されます。

于 2015-02-26T15:32:45.180 に答える
0

このためにいくつかのjQueryスクロールプラグインを試すことができますか?

http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

http://baijs.nl/tinyscrollbar/

http://www.net-kit.com/jquery-custom-scrollbar-plugins/

于 2012-10-17T10:14:28.587 に答える