可以实现隐藏溢出的影响而不实际隐藏溢出？

Question

我有一个绝对定位的图像滑块，宽度为1280像素。 margin-left为-160px，将其居中于其父级。父宽度为960px，边距设置为“0 auto”以实现居中影响。

图像滑块应该只占用宽度：960px，这样溢出不会导致浏览器使用滚动条处理它。是否有可能实现类似溢出：隐藏，同时仍以高屏幕分辨率显示溢出内容？

问题示例：http://almightyidea.com/test/slider/

基本css：

.slide-wrapper {
  position:relative;
  width:960px;
  margin:0 auto;
 }

.slideshow{
    position:absolute !important;
    margin-left:-160px;
}

Answer 1

我认为你应该使用相对宽度作为包装器。因此，当有足够的空间时，让它扩大范围。您也可以使用JavaScript为您计算viweport的宽度，并将该宽度设置为包装器。

你也可以使用现有的jQuery插件来完成所有繁重的工作。当我需要做这样的事情时，我使用Cycle。 http://jquery.malsup.com/cycle/