做网站时网页出现滚动条如何去除?

【导读】一个网站由多个网页组成,当我们的设计师设计网页的时候,尽可能得遵循平面的设计图去制作。当然,在设计网页和做网站的过程中也会遇到一些小问题,今天马氪软件主要为大家介

   一个网站由多个网页组成,当我们的设计师设计网页的时候,尽可能得遵循平面的设计图去制作。当然,在设计网页和做网站的过程中也会遇到一些小问题,今天马氪软件主要为大家介绍的是关于网页的滚动条的问题。


  网页的滚动条如果多出来,或者说原本设计师不想让它出现的时候它出现了,咱们怎么办呢?
网页出现滚动条怎么办.jpg
  1、去掉最右侧的导航条

  我们可以在</body>之前加上这条html代码:

  <body style="overflow:-Scroll;overflow-y:hidden" >

  2、有时候在网页横向出现滚动条,这种非常影响美观。如下图:
滚动条.jpg
  我们可以在</body>之前加上这条html代码:

  <body style="overflow:-Scroll;overflow-x:hidden">

  3、隐藏横向滚动条,显示纵向滚动条:

  <body style="overflow-x:hidden;overflow-y:scroll">

  4、将滚动条全部隐藏

  <body style="overflow:hidden">

  或者是

  <body scroll="no">

  5、火狐底部滚动条不显示的解决方案

  html { overflow:-moz-scrollbars-vertical; }

  6、如果是框架页,利用上面的方法仍不能去除可考虑以下办法:

  在被包含的网页面里加入

  <style>
  html { overflow-x:hidden; }
  </style>

  如果想隐藏垂直滚动条:

  <style>
  html { overflow-y:hidden; }
  </style>

  这里先说一下滚动条的属性代码:

  overflow-y : visible | auto | hidden | scroll

  visible :  不剪切内容也不添加滚动条。

  auto :  在需要时剪切内容并添加滚动条

  hidden :  不显示超过对象高度的内容,这里不对这个属性作介绍,大家喜欢的话可以自己尝试

  scroll :  总是显示纵向滚动条

  其他的一些网页出现滚动条的处理办法这边也就不再作过多累赘的描述了,如果您有任何问题,可以联系我们无锡马氪软件,专业无锡做网站和软件开发公司。

                                                           

   无锡马氪软件:微博@马氪软件

网站建设 | SEO优化排名 | CCTV央视广告 | 企业宣传册 | ISO质量管理体系认证 | 商标注册 | 微信开发
淘宝阿里巴巴网店装修 | LOGO设计 | 百度360竞价推广 | 知识产权代理 | 企业400电话 | 主机服务器
无锡专业网站建设开发服务商 — 想你所想,服务至上
无锡做网站公司官方网站:
http://makerwebz.com        http://mkapps.cn


本文链接:http://mkapps.cn/news/ask/108.html

无锡第二秀网络科技有限公司

  • 旗下 : 马氪软件
  • 主营业务 : 网站设计开发;微信公众号、小程序开发;APP开发;网络营销推广;广告设计 等
  • 联系人 : 徐经理
  • 手机 : 18706171959
  • 电话 : 0510-85873959
  • 邮箱 : b1990g228@qq.com
  • 网址 : http://mkapps.cn

如无特别说明©本站内容均为原创,转载请标注来源:无锡做网站公司http://mkapps.cn


    匿名评论
  • 评论
人参与,条评论
 您阅读这篇文章共花了: 

分享这篇文章吧!

相关文章