ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

css - 隐藏滚动条

2022-05-13 18:01:44  阅读:185  来源: 互联网

标签:IE 滚动条 15px 0px margin 隐藏 css


css - 隐藏滚动条

chrome

.tabs::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

ie

// 此更改允许在容器上滚动并隐藏IE上的条.
.container{
    -ms-overflow-style: none;
}

margin 负值

body { margin-right: -15px; margin-bottom: -15px; }

原理:这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象.
优点:在视觉上解决了这个问题.,垂直滚动根据内容自适应
缺点:由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域.

标签:IE,滚动条,15px,0px,margin,隐藏,css
来源: https://www.cnblogs.com/zc-lee/p/16267633.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有