css 隐藏 scrollbar

方案一：兼容非 -webkit- browser（一般就是 pc端）

原理就是使用一个 wrapper overflow:hidden 掉字元素多出来的 scrollbar 的宽度

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>css隐藏 scrollbar 兼容各浏览器</title><style>* {margin: 0;padding: 0;list-style: none;}li {line-height: 60px;}.wrapper {margin: 200px auto 0 auto;width: 184px;overflow: hidden;}.scrollbar {height: 200px;width: 200px;background-color: skyblue;overflow-x: hidden;overflow-y: scroll;}</style><script src="../jquery.js"></script>
</head>
<body><div class="wrapper"><div class="scrollbar"><ul><li>hello,world</li><li>hello,world</li><li>hello,world</li><li>hello,world</li><li>hello,world</li><li>hello,world</li></ul></div> </div><script></script>
</body>
</html>

方案二： -webkit- browser 可以使用下面的伪类

.element::-webkit-scrollbar {display:none
}

css 隐藏 scrollbar相关推荐

css隐藏滚动条、兼容
css隐藏滚动条 .scrollbar{scrollbar-width: none;-ms-overflow-style: none; } .scrollbar::-webkit-scrollbar ...
如果不需要CSS隐藏滚动条
本文翻译自:CSS hide scroll bar if not needed I am trying to figure out how I can hide the overflow-y:scro ...
实现在页面上隐藏某个元素的css,有趣的css—隐藏元素的7种思路
display.visibility.opacity三个属性隐藏元素之间的异同点一直是前端面试面试的常考题. 除了display.visibility.opacity三个属性可以隐藏元素之外,是否还存 ...
【前端大概一分钟】css隐藏滚动条同时可以滚动
1. 通过 ::-webkit-scrollbar 伪元素 .inner-container::-webkit-scrollbar {display: none; } 复制代码简单粗暴,但是兼容性不 ...
css+隐藏+左侧菜单栏,放在网页左侧的DIV+CSS隐藏菜单代码
放在网页左侧的DIV+CSS隐藏菜单代码- www.webdm.cn body { background: #fff; font-family: "Lucida Grande", ...
css隐藏元素的几种方法与区别
css隐藏元素的几种方法与区别一:display:none;隐藏不占位 display 除了不能加入 CSS3 动画豪华大餐之外,基本效果卓越,没什么让人诟病的地方.二:position:absol ...
css 隐藏元素显示元素_使用CSS打印时如何隐藏元素？
css 隐藏元素显示元素 Introduction: 介绍: We have come across many challenges while developing a website or we ...
php 隐藏 div 代码,在HTML里用CSS隐藏div的方法
我们知道,在制作网页的过程中常常会想隐藏一些内容,比如网站添加第三方统计显示的图标等,如何通过CSS隐藏,怎么让图片作为背景,但文字又不显示呢?这篇文章来给大家解读一下. 一.普通隐藏网页内容 CSS ...
css元素隐藏不可获取,Css隐藏元素(display,visibility)的区别
Css隐藏元素(display,visibility)的区别 display display属性值 display 属性规定元素应该生成的框的类型. 属性值: block: /表现为一个块级元素(一般 ...

css 隐藏 scrollbar

css 隐藏 scrollbar

方案一：兼容非 -webkit- browser（一般就是 pc端）

方案二： -webkit- browser 可以使用下面的伪类

css 隐藏 scrollbar相关推荐

最新文章

热门文章

css 隐藏 scrollbar

css 隐藏 scrollbar

方案一： 兼容非 -webkit- browser（一般就是 pc端）

方案二： -webkit- browser 可以使用下面的伪类

css 隐藏 scrollbar相关推荐

最新文章

热门文章

方案一：兼容非 -webkit- browser（一般就是 pc端）