即使有溢出也丢失滚动条:滚动

时间:2013-12-02 19:57:58

标签: html css scroll

我正在更新以前由某些软件多年前自动生成的现有内部网站点。不用说代码是绝对的灾难。客户端根本不想改变外观,但希望代码更容易更新。所以我继续更新代码以包含CSS用于格式化和删除所有旧的字体标签等。当我完成时,在页面的中间,有一个div包含一个月的价值或用户的激励说法可以滚动浏览。当我在浏览器(Firefox 25,IE 10)上查看它时,一切看起来都很完美。我上传到他们的服务器继续前进。我接到客户的电话,说这个中间部分没有滚动条。我查看我的版本,一切看起来都不错。我仔细检查以确保他们的服务器上加载了正确的版本。一切都是好的。我决定看看我的手机:没有滚动条。我在手机上运行Firefox 28,但它和默认浏览器都没有显示滚动条。最初,我设置overflow-y:scroll;以保持对齐。我看到某些浏览器在使用overflow-y属性时出现问题,因此我将其更改为overflow:scroll;,但也无效。

为了确保我在某处没有一些重写样式(代码仍然填充了内联CSS - 客户端不想添加新文件:UGH!),所以我做了一个测试html页面:

<!doctype html>
<html lang="en">
 <body style='background-color: red;'>
   <div style='background-color: blue; width:500px; height:500px; overflow:scroll;'>
     Hello World!
   </div>

 </body>
</html>

我的手机上仍然没有滚动条(它们在我的PC浏览器上显示正常)。

是否有一些重写的​​浏览器设置或其他问题阻止显示div的滚动条?我错过了别的什么吗?

编辑:我的手机是三星Galaxy S III。但是,我的客户端正在使用PC,他也没有滚动条(我不确定他使用的是什么版本的浏览器)。另外,在手机上,我可以通过触摸滚动div,但即使在桌面模式下也没有滚动条。

附加编辑:此网站不适合移动使用,因此我不担心滚动条是否显示在手机上,我只使用手机在其他浏览器上进行测试。

0 个答案:

没有答案