2013-07-18 61 views
1

我有一些动态考虑屏幕宽度的Jquery/CSS网页,然后将DIV单元定位为1列或2列。添加一个新的单元格就像创建一个新的DIV一样简单,页面也相应地进行了格式化。CSS或JQUERY垂直滚动条但无设置高度

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

的一个页面的一个例子是在这里: Example

有没有什么办法,因为它currntly不会简单地使用鼠标滚轮

我可以得到一个垂直滚动条到这个网页上,将产生相同的结果

谢谢!

+0

为什么不使用css overflow:auto? – user1721135

回答

2

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

div.parent { 
    width:auto; 
    overflow-y:scroll; 
} 
+0

我改变了一点我的答案,我在你的网站上测试它的方式适用于我。如果您正在使用带有魔术鼠标或触控板的Mac,则除非您滚动,否则滚动条将无法呈现; – Stinodotbe

+0

谢谢!我在这里发布前一直在尝试一个星期。 –

1

在你的.parent股利你有margin-left: 2%margin-right: 2%。删除margin-right: 2%并使宽度达到98%,滚动条就会出现。

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

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

+0

downvote的原因是什么? – mash

+0

我问我自己在浏览器中工作的一样东西 – Supremekhaoz

+0

@ananul错误的,只有前者是必需的,后者只是一个建议。 – mash

1

div.parent元件上边距太远移位它向左隐藏滚动条。你应该改变这些填充或删除它的100%宽度:

div.parent { 
    /* width: 100%; */ 
    margin-left: 2%; 
    padding-right: 2%; 
} 
+0

非常感谢! –