CSS溢出和水平滚动条

我想在网站上建立一个简单的jQuery面板滑块（实际上是两个）。当谈到JS/Javascript时，我并不是专家，出于某种原因，我无法删除我网站上的水平滚动条。CSS溢出和水平滚动条

滑块领域是画廊和特性项目的部分内。

我已经尝试添加溢出：隐藏到幻灯片包装divs，但它似乎并没有工作。

有什么建议吗？

2012-08-10 Scully

我不认为这是导致滚动条出现的幻灯片 - 我假设如果这是从幻灯片的所有三个图像将水平显示，您可以滚动浏览它们，但幻灯片似乎工作正常。 – 2012-08-10 04:48:57

你想要什么？你不想要水平滚动条？或者是其他东西？正如Michael Peterson所说：“我不认为这是导致滚动条出现的幻灯片” – 2012-08-10 05:02:01

添加CSS propertie “溢出-X：隐藏”到“BODY”。不适用于IE8-

这将工作，但将是一个黑客攻击。你的结构出现横向滚动有问题，不幸的是我现在无法进一步检查。

2012-08-10 04:49:56

在你的style.css

替换此代码

body { 
    font-family: 'Yanone Kaffeesatz'; 
    font-size: 21px; 
    font-weight: 400; 
    overflow-x: hidden; 
}

2012-08-10 04:52:11 gaurang171

Bingo！谢了哥们！ – Scully 2012-08-10 05:04:24

蒂姆，在你的style.css有在课堂上两个陌生宽度：

#gallery .panels { 
    -moz-transition: margin-left 0.8s ease 0s; 
    margin-left: 0; 
    overflow: hidden; 
    width: 4320px; 
}

和

#project .panels { 
    overflow: hidden; 
    width: 2880px; 
}

他们是导致滚动条。

删除它们，或者，如果你想留住他们，应用方法每个人提示：

overflow-x:hidden对身体

2012-08-10 05:01:01 Vlad

不是黑客攻击！我通过应用解决了您的问题

.wrap { 
    position: relative; 
}

总是作为预轧制网格系统中的标准应用。原来，这就是浏览器需要注意溢出的原因：隐藏在该元素上。

2012-08-10 05:10:40

回答