scrollbar-gutter

这是一个 scrollbar家族的属性， scrollbar-gutter 可以让滚动条出现的时候内容不晃动。

语法

scrollbar-gutter: auto | stable && both-edges：

scrollbar-gutter auto；
scrollbar-gutter stable；
scrollbar-gutter both-edges；

属性说明

auto：就是默认表现。没有滚动条的时候，内容尽可能占据宽度，有了滚动条，可用宽度减小。
stable：如果 overflow 属性计算值不是 visible，则提前预留好空白区域，这样滚动条出现的时候，整个结构和布局都是稳定的。
both-edges：让容器左右两侧同时预留好空白区域，目的是让局部绝对居中对称。

与overflow属性有点类型，但是这个属性能解决overflow出现滚动条抖动的问题；体验效果更佳

拓展

scrollbar-color 和 scrollbar-width、-webkit-scrollbar等

蹦的一下，又来一个新属性scrollbar-gutter相关推荐

JavaScript中对象数组,如何给对象添加一个新属性
var a =[{name: 'Tom',age:20},{name: 'Tom2',age:22}] 现在给a数组中的第一个对象添加性别属性 a[0]['gender']='women' a[0][ ...
【js细节剖析】通过=操作符为对象添加新属性时，结果会受到原型链上的同名属性影响...
在使用JavaScript的过程中,通过"="操作符为对象添加新属性是很常见的操作:obj.newProp = 'value';.但是,这个操作的结果实际上会受到原型链上的同名属性 ...
第四节：HTML5给表单带来的新标签、新属性、新类型
上一章节讲了21个语义化的标签,这一节我们来讲表单标签,HTML5不仅仅给表单带来了新的标签,还给原来的标签带来了新的属性,这一节我们会来介绍介绍它们. 到目前为止,我们对HTML5的学习还是停留在新 ...
react 给一个引用的组件添加新属性_高阶组件在React中的应用
高阶组件的定义接受React组件作为输入,输出一个新的React组件. 概念源自于高阶函数,将函数作为参数,或者输出一个函数,如map,reduce,sort. 用haskell的函数签名来表示: ...
[vue] 动态给vue的data添加一个新的属性时会发生什么？怎样解决？
[vue] 动态给vue的data添加一个新的属性时会发生什么?怎样解决? 如果在实例创建之后添加新的属性到实例上,它不会触发视图更新.如果想要使添加的值做到响应式,应当使用$set()来添加对象. ...
每天一个新标签/方法/属性/兼容性/问题
每天一个新标签,也不一定每天,但是至少积少成多,把看到的标签都记录下来. 标签名作用描述浏览器支持情况其他 abbr 表示一个缩写形式比如 "Inc."." ...
将一个对象相同的属性(不区分大小写)赋值给一个新对象 DataTable的一个简单的扩展...
将一个对象相同的属性(不区分大小写)赋值给一个新对象 1 public static T Mapper<S, T>(S source)2 {3 T t = Activator.Create ...
小程序后台返回的对象数组（每个数组添加一个新的属性值）
upshow属性是在请求到后台的数据后逐条添加的,经常用于控制当前数据的显示与否或者箭头的指向 //给后台返还的数据就对象加对象属性值array.forEach((r) => { //arra ...
限制_blank属性只打开一个新页签
我们在开发过程中点击a标签或按钮跳转新页签时,如果再次点击该链接或按钮,还会重新打开一个页面.这样的交互效果不是很友好. 使用如下方式可以限制打开新的页签,只保留一个新页签. 1.使用target = ...

蹦的一下，又来一个新属性scrollbar-gutter

蹦的一下，又来一个新属性scrollbar-gutter

scrollbar-gutter

语法

属性说明

拓展

蹦的一下，又来一个新属性scrollbar-gutter相关推荐

最新文章

热门文章