jquery - CSS 溢出和水平滚动条

Question

我正在尝试在网站上构建一个简单的 jQuery 面板滑块（实际上是两个）。我不是 JS/Javascript 方面的专家，出于某种原因，我无法删除我网站上的水平滚动条。

滑块区域位于画廊和特色项目部分。

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

有什么建议吗？

:)

score 2 · Accepted Answer

将 CSS 属性"overflow-x: hidden"添加到"BODY"。不适用于 IE8-

这将起作用，但将是一个黑客。您的结构出现问题，无法获得水平滚动，不幸的是我目前无法进一步检查。

score 1 · Accepted Answer

蒂姆，在你的 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对身体

score 1 · Accepted Answer

在你的 style.css

替换此代码

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

score 0 · Accepted Answer

不是黑客！我通过申请解决了你的问题

.wrap {
  position: relative;
}

始终作为标准应用在预轧网格系统中。事实证明，这就是您的浏览器需要注意的溢出：隐藏在该元素上。

4 回答 4