1

我有一些动态考虑屏幕宽度的 Jquery/CSS 网页,然后将 DIV 单元格定位为 1 列或 2 列。添加一个新单元格就像创建一个新的 DIV 一样简单,并且页面会相应地对其进行格式化。

我的主要问题是我无法显示垂直滚动条。虽然我知道我可以使用鼠标滚轮向下滚动,但网站所有者想要一个垂直滚动条,以便其他人也可以知道。那里有大量 Jquery 垂直滚动条的示例,但它们需要设置高度或最大高度,我无法设置,因为页面处理自己的格式。

其中一个页面的示例在这里: 示例

有什么方法可以让我在此页面上获得一个垂直滚动条,它会产生与当前使用鼠标滚轮相同的结果

谢谢!

4

3 回答 3

2

第一个问题是您有边距和 100% 的宽度。边距被添加到块的宽度。因此,您的 .parent 在您的页面上并不完全可见。

div.parent {
    width:auto;
    overflow-y:scroll;
}
于 2013-07-18T16:35:19.777 回答
1

在您的.parentdiv 中,您有一个margin-left: 2%and margin-right: 2%。删除margin-right: 2%并设置宽度为 98%,你的滚动条就会出现。

原因是当宽度为 100% 时,您的边距将滚动条推离屏幕。

我还建议overflow-y: scroll<html>标签中删除 ,因为它似乎只是创建了一个巨大的禁用滚动条,可能会让用户感到困惑并且似乎浪费空间。

于 2013-07-18T16:34:54.800 回答
1

元素上的边距div.parent将其向左移动太远,隐藏了滚动条。您应该将这些更改为填充或删除其上的 100% 宽度:

div.parent {
    /* width: 100%; */
    margin-left: 2%;
    padding-right: 2%;
}
于 2013-07-18T16:43:29.767 回答