5

我有一个 div 集来隐藏内容overflow-x和显示(visible)内容overflow-y
不幸的是,它没有按我的意愿工作。它添加了垂直滚动条 - 我认为这是因为overflow-x并且overflow-y不能一起使用。

据我所知,如果一个溢出设置为隐藏,另一个设置为自动。
有没有其他方法可以解决这个问题?所以我可以水平隐藏溢出并垂直显示(没有滚动)?

就这样没有混淆这里有一个小提琴来解释更多:http: //jsfiddle.net/kwnQk/

编辑
这是我遇到的实际问题:http: //jsfiddle.net/kwnQk/1/
我有一个选择框,由 div 和 jQuery 创建,最终超过 div 高度,导致它添加滚动条.
遗憾的是,溢出函数的工作方式是这样的,因为 divoverflow-x 必须被隐藏,导致 divoverflow-y是自动的。

编辑 2
请查看这个新的 JSFiddle 以准确说明我需要溢出的原因:http: //jsfiddle.net/kwnQk/3/
它也包含滑块,需要设置为一定的宽度。而且它们不能占据页面的整个高度,所以我也必须限制它们的高度。

4

4 回答 4

2

我认为您可以将溢出属性保留为可见,并使用左右填充。除非您有图像,否则文本应该被包裹起来。

对于图像,您应该考虑使用宽度为 100% 的子 div

于 2012-10-17T10:05:12.680 回答
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 回答
0

试试 jquery 选择框插件,它很棒,并且完全按照您的要求做:

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'或“自动”,然后“可见”设置为“自动”。

于 2015-02-26T15:32:45.180 回答