[璃猫]

璃猫博客

limao.pro

DIV设置独立滚动条、隐藏滚动条方法

Aurora

December 20, 2020

访问: 153 次

0 Comments

100字数

#

HTMl 超文本,CSS 样式表

首页 / HTMl 超文本,CSS 样式表正文

滚动条

前提

有时候我们只想单独显示某个区域div的滚动条,让该区域单独滚动。

代码

防止自动换行

white-space: nowrap;

分别设置[overflow-y]纵向滚动条、[overflow-x]横向滚动条;
[scroll]显示滚动条、[hidden]隐藏滚动条

overflow-y: scroll;
overflow-x: hidden;

下面两条是针对IE浏览器、火狐浏览器做出设置的代码(参考)

scrollbar-width: none;
-ms-overflow-style: none;

隐藏滚动条的方法:

要设置的DIV::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

本文为原创知识文章,版权归 璃猫博客 所有,转载请注明出处!

本文链接: https://www.limao.pro/archives/034.html

友情提示:如果博客部分链接出现404,请留言或者 联系博主 修复。

最后修改时间:December 20, 2020

© 本文允许规范转载

嗨!猫客,不妨给 5秒 时间,赞赏一下本博客吧!( 其实本博主在按钮里藏了支付宝红包哦~ )

上一篇
下一篇

发布你的观点趴i

评论 ( 请使用真实邮箱地址,以便接收评论回复信息 )

选择表情

还没有小可爱发布评论呢~ o(╥﹏╥)o

下面没有内容啦!(°Д°) 太长啦~我快被撑爆啦!o(╥﹏╥)o

热门文章
TYPECHO恋爱主题 - 往后余生 November 29, 2020
CSS样式表 November 26, 2020
JAVA环境安装与编程软件Eplices安装教程 November 23, 2020

站内活动 时间一般均为 7天 时间

欢迎各位猫客,本站运营初期,不足之处欢迎大家指点。(灬°ω°灬)

博客资料
  • 文章数目

    70

  • 评论数目

    9

  • 站内页面

    3

  • 运行天数

    0年202天

广而告之
我在等你呢~
文章目录
[享受生活 做最酷的自己]
[头像]

Aurora

环游是无趣,至少可以陪着你~

×
SUPPORT