jquery - 摆脱jQuery循环幻灯片上的水平滚动条

Question

我希望摆脱浏览器窗口小于 1900 像素时出现的水平滚动条 http://focalpoint.wpconsult.net/

图像为 1900 像素，但可以在浏览器较小时截断，只要幻灯片保持居中且图像不缩放，因此固定宽度。

我在容器上设置了溢出隐藏，但这无济于事。在其他页面上，标题具有相同宽度的普通背景图像，但溢出隐藏工作正常，没有滚动条。

许多解决方案建议在 body 元素上添加隐藏的溢出，但这会导致无法左右滚动以阅读最小化浏览器窗口上的内容。我只是希望幻灯片区域被切断，感谢您的任何建议！

Answer 1

您的#header-bg-img div元素的宽度为1900px并且导致滚动

我相信你需要的是在元素上添加min-width:980px;和overflow:hidden#wrap

这min-width将允许元素扩展到更大的宽度，但如果它小于 980（页面其余部分的设计目的），它将允许滚动..

Answer 2

添加overflow:hidden到您的#wrap样式将删除水平滚动条。