jQuery 工具可滚动宽度 100%答案

【问题标题】：jQuery Tools Scrollable Width 100%jQuery 工具可滚动宽度 100%
【发布时间】：2012-10-03 16:27:37
【问题描述】：

我正在开发一个可滚动的（jQuery 工具）滑块，我在每张幻灯片上都有一个宽背景图像（以便覆盖大多数屏幕宽度），但现在我坚持让可滚动滑块 100% 宽。

如何在最小宽度为 960 像素的情况下使其流畅到 100%？

我使用了example中的代码

【问题讨论】：

【解决方案1】：

你试过了吗：

.css-panes {
  min-width: 960px;
  width: 100%;
}

如果是这样，您面临的问题是什么？

【讨论】：

你可以看一下here 问题是，我还必须设置单个 div 的宽度.css-panes div，否则它们将与它的内容一样宽。在我的示例中，宽度设置为 1300 像素，但如果我将其设置为 100%，我的检查员会说它的宽度为 258000 像素……
由于滚动条的设置方式是所有图像并排放置在一个长 div 中，因此您将无法使用 width: 100%; 来匹配这页纸。您将不得不使用var $windowwidth = $(window).width(); 获取窗口的宽度并将其指定为此处的窗口的背景大小：$('.css-panes div div').css("background-size", $windowwidth);。
但是我该如何处理 .css-panes 和 .css-panes div 的 CSS 宽度规则？
保留.css-panes { min-width: 960px; width: 100%; } 脚本会处理其余的事情。除非你想重写滚动插件脚本。 :)
不，这行不通。因为整个容器.css-panes 和我的浏览器窗口一样宽。然后还有一个额外的包装器.items，它的宽度为 20000em。然后是我的个人 div。将我的个人 div 宽度设置为 100% 使它们的宽度为 20000em。这基本上是我的问题。

【解决方案2】：

【讨论】：