滚动条未显示在谷歌浏览器中

时间:2012-04-13 18:21:52

标签: jquery html css

我正在为客户创建一个网站。该设计有一个ipad,内容将显示在屏幕内。直到他们要求我改变它才很好,因为溢出的CSS属性在ipads上不起作用(他们告诉我)。

内容动态变化。大约一分钟后,我会显示一个包含大量文本的div。滚动条未显示,因此用户将无法移动。 No scrollbars on google chrome

按下F12后,控制台显示,如果再按一次,控制台将隐藏,并显示滚动条。

这是html

http://pastebin.com/9PkyeaVr

CSS

http://pastebin.com/e0YMfxLM

我尝试在css表上设置溢出属性,并且在出现问题的div时也是如此。

问题是在加载vb.net时生成的。我正在使用jQuery来操作DOM。

任何想法都有帮助! ...或者也许有人知道如何使溢出:滚动;适用于ipad。有人告诉我,当你使用3根手指时,这种方法有效,但有些人却不知道。

不过,我做了我的研究和一切;)

enter image description here

我检查过这是否发生在IE,Firefox上。 Chrome和Safari存在问题。

2 个答案:

答案 0 :(得分:2)

看看这个:How to get the scroll bar with CSS overflow on iOS或许提到的属性-webkit-overflow-scrolling: touch会对你有所帮助。

答案 1 :(得分:1)

简单的解决方案(不是我想要的......)

设置身高==容器高度

jQuery('body').css('height', jQuery('#contenedorPrincipal').css('height'))