摆脱Jquery循环幻灯片上的水平滚动条



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

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

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

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

您的#header-bg-img div元素的宽度为 1900px,这会导致滚动

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

min-width将允许元素扩展到更大的宽度,但如果它小于 980(页面其余部分的设计目的),它将允许滚动。

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

最新更新