.user-list ul::-webkit-scrollbar{ width:0px; opacity:0; -webkit-overflow-scrolling: touch;}只在 webkit 内核的浏览器才可以使用!
如何让
滚动条
消失 但同时又保持页面可以正常滚动呢?很简单,我们只需要加一个属性:
1.在谷歌浏览器中 页面加入 :::-webkit-scrollbar {
width: 0px;
将
滚动条
宽度
设置
为0;2.在IE 中比较麻烦需要添加如下代码:HTML {
scrollbar-base-color: #fff;
scrollbar-base-co
摘录于《Windows程序(第5版,珍藏版).CHarles.Petzold 著》P82
滚动条
是图形用户界面中最好的特性之一。它们很容易使用,并且提供了很好的视觉效果。当需要显示的内容超过窗口的客户区时,不管是文字、图像、表格、数据库记录或者是网页,都可以使用
滚动条
。
滚动条
既可以垂直放置(将内容上下移动),也可以水平放置(左右移动)。你既可以用鼠标单击
滚动条
如果想要隐藏
滚动条
,网上搜索教程有很多,其中有一种实现方式是强行
设置
滚动条
宽度
为0,即:
.outer-div ::-webkit-scrollbar{
width:0;
然后此时你会发现,outer-div下所有的子元素的
滚动条
都没了。
如果outer-div下有这么一个div,需要我单独把它的
滚动条
再复现出来,其他已经隐藏
滚动条
的div则不受影响。
直觉告诉我们应该把这个特殊的div的
滚动条
的width再
设置
回来。那么此时你会发现无论width
设置
多少,都不会出现
滚动条
。
.inner-div
对于elementui里面的scrollbar组件,一直没有一个清晰的使用方法,似乎每次使用需要的代码都不同,需要加各种乱七八糟的样式加穿透样式,今天自己测试了下,似乎并没有想象的复杂。
1.最简单的使用
<template>
<el-scrollbar>
<div class="box">
<li v-for="item in 100">{{ item
html
设置
div
滚动条
实现超简单html
设置
div
滚动条
实现超简单
html
设置
div
滚动条
实现超简单
<div class="qipa-250" style="height: 400px; overflow:scroll">
<div style="border: 1px #000000; width: 90%; margin: 0 auto;">