我有一个div设置,用overflow-x
隐藏内容,并用visible
显示(overflow-y
)内容。
不幸的是,我不喜欢它的工作方式。它添加了垂直滚动条 - 我认为这是因为overflow-x
和overflow-y
不起作用。
据我所知,如果一个溢出设置为隐藏,则另一个设置为自动
还有其他方法吗?所以我可以水平隐藏溢出并垂直显示(没有滚动)?
就这样,这里没有混淆,可以解释一下:http://jsfiddle.net/kwnQk/
修改
这是我遇到的实际问题:http://jsfiddle.net/kwnQk/1/
我有一个选择框,由div和jQuery创建,最终超过div高度,导致它添加滚动条。
令人遗憾的是溢出函数的工作方式与它的工作方式相同,因为div overflow-x
必须被隐藏,导致div的overflow-y
为自动。
编辑2
请看这个新的JSFiddle,以准确说明我需要溢出的原因:http://jsfiddle.net/kwnQk/3/
它也包括滑块,需要设置为一定的宽度。而且它们无法占据页面的整个高度,所以我也必须限制它们的高度。
答案 0 :(得分:2)
我认为你可以将overflow属性保持可见,只需左右使用填充。 除非你有图像,否则文本应该被包装。
对于图像,您应该查看使用宽度为100%的子div:
答案 1 :(得分:0)
你能为此尝试一些 jQuery滚动插件吗?
http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
答案 2 :(得分:0)
尝试使用jquery selectbox插件,它非常棒,完全符合您的要求:
http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html
答案 3 :(得分:0)
不幸的是,糟糕的组合。来自文档http://www.w3.org/TR/css3-box/#overflow-x:
'overflow-x'和'overflow-y'的计算值与它们的指定值相同,除了某些与'visible'的组合是不可能的:如果一个指定为'visible'而另一个是'滚动'或'自动',然后'可见'设置为'自动'。