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

时间:2012-06-05 18:38:44

标签: jquery css slider scrollbar jquery-cycle

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

图像是1900px,但是当浏览器较小时可以切断,只要幻灯片保持居中并且图像不缩放,所以固定宽度。

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

许多解决方案建议在body元素上添加隐藏的溢出,但这样就无法左右滚动以在最小化的浏览器窗口上读取内容。我只是希望幻灯片显示区域被切断 谢谢你的任何建议!

2 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分:0)

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