overflow-x
隐藏内容,并使用overflow-y
显示(visible
)内容。不幸的是,它并没有像我想的那样工作。它添加了垂直滚动条 - 我认为这是因为
overflow-x
和overflow-y
不能同时使用。据我所知,如果一个overflow设置为hidden,则另一个会被设置为auto。
还有其他方法吗?所以我可以水平隐藏溢出并在垂直方向上显示(无需滚动)?
为了避免混淆,这里有一个演示更多细节的Fiddle:http://jsfiddle.net/kwnQk/
编辑
这是我遇到的实际问题:http://jsfiddle.net/kwnQk/1/
我有一个选择框,由div和jQuery创建,最终超过了div的高度,导致它添加滚动条。
很遗憾,溢出功能的工作方式是这样的,因为div的overflow-x
必须被隐藏,导致div的overflow-y
被设置为auto。
编辑2
请参见此新JSFiddle,以准确显示我需要溢出的原因:http://jsfiddle.net/kwnQk/3/
它还包括滑块,需要设置为特定宽度。它们不能占据整个页面的高度,所以我也必须限制它们的高度。
overflow-x
并没有起到太大作用(因为您的项目并不是那么宽),您可以完全避免使用它,并获得正确的视觉效果:http://jsfiddle.net/kwnQk/2/。 - techfoobar.slide
,然后使用绝对定位和.offset()
进行定位。虽然有些粗暴,但似乎是可行的解决方案之一。 另一种方法是将选择框选项的高度限制在一定范围内,并使其可滚动,以便幻灯片本身不会滚动。 - VKen