最新消息:iOS编程开发交流群(6906921) ,Mac.Cocoa开发交流群(7758675) 欢迎iOS/macOS开发编程爱好及学习者加入!

完美去掉(隐藏)discuz论坛IE和firefox的横向滚动条

Discuz 天狐 67813浏览 0评论

发现一个出现很久的问题就是dz论坛安装的其他的模版后出现横向滚动条

今天想了想办法解决了这个问题

 

由于IE和firefox对于滚动条处理方式的不同,用单一的方法并不能去掉(隐藏)IE和firefox的横向滚动条,只能单一隐藏一个滚动条。解决办法如下,代码中加入:
Body
{
   overflow-x:hidden;
}
HTML
{
  overflow-x:hidden;
  overflow-y:auto;
}
如果已经设置了相关代码,请将样式加入元标记中。
在以前的HTML标准下,要隐藏横向滚动条,只需要在CSS里加上
Body
{
   overflow-x:hidden;
}
但是在现在的标准下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"下面,上面的代码不产生任何效果,因为现在不是以Body作为容器,而是html标签,所以
加入:
HTML
{
   overflow-x:hidden;
}
但是这样做了以后,在IE7下,鼠标滚轮上下滚动不起作用了,IE6下却是正常的。多加上一行代码就解决问题了
HTML
{
  overflow-x:hidden;
  overflow-y:auto;
}
 这段可以放入一个全局的css样式中,这样所有弹出窗口(包括模态窗口),所有页面都不会出现横向滚动条。

转载请注明:天狐博客 » 完美去掉(隐藏)discuz论坛IE和firefox的横向滚动条

微信 OR 支付宝 扫描二维码
为天狐 打赏
非常感谢你的支持,哥会继续努力!
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址