html 的scor属性,html – 什么是css scroll-behavior属性？

注意到它也出现在我的Chrome Inspector中,这引导我发布这篇帖子……

什么是滚动行为？

特别称为CSSOM-View’Scroll-Behavior’属性,创建了css属性以集成更多的CSS项目滚动灵活性.大多数为网站构建的“滚动”选项通常建立在JS库或插件上.像其他人提到的那样,这里是发布文档 – http://dev.w3.org/csswg/cssom-view/#scrolling

当前采用的DOM的滚动行为由锚标签设置(例如：单击我).当所有浏览器完全采用此CSS属性并正确实现时(请参阅此讨论：https://groups.google.com/forum/#!topic/mozilla.dev.platform/mrsNyaLj3Ig).您将能够将“即时”锚标签滚动切换到更多“平滑”滚动.

真正的问题是当我们在边缘浏览器中使用此属性时？目前,它被Firefox& Chrome,但就研究而言,该属性并非“活跃”.

nav{ float:left }

#scroll {

width: 350px;

height: 500px;

scroll-behavior: smooth;

overflow: scroll;

border: 2px solid black;

}

#inside1 {

height: 1000px;

background-color: blue;

}

#inside2 {

height: 1000px;

background-color: orange;

}

#inside3 {

height: 1000px;

background-color: red;

}

html 的scor属性,html – 什么是css scroll-behavior属性？相关推荐

css文本外观属性中设置字体,css 文本外观属性(text) 和字体样式属性(font)
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距对中文无效 line ...
overflow属性html5,什么是css中overflow属性
什么是css中overflow属性发布时间:2020-07-11 16:06:42 来源:亿速云阅读:192 作者:Leah 本篇文章给大家分享的是有关什么是css中overflow属性,小编觉得 ...
php css属性,php学习之css常用的属性（三）
1.文字属性属性名描述属性值 font-size 文字大小像素(px).em(倍数).百分百(%) font-family 字体类型宋体.微软雅黑.黑体等值可以是一个也可以是多个,用英文逗 ...
border属性 php,如何通过CSS的border属性为图片设置边框效果
如何为通过css为图片设置一个边框呢,HTML中是通过标记的border属性值,给图片添加边框的,css中是通过border属性,为图片设置各式各样的边框样式,border-style定义边框的样式, ...
HTML中z index属性是用来,css中z-index 属性与用法详解
Z-index属性决定了一个HTML元素的层叠级别.元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言.一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部.这个层叠顺序沿着垂 ...
浅谈对html css的理解,HTML+CSS入门 CSS选择器、属性和值浅谈
body { font-size: 0.8em; color: navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时, ...
巧用CSS的Border属性
. 作者:冯永曜来源:黄山村夫制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助.我们先来认识一下"Border"(画边框),它是CSS的一个属性,用它可以 ...
float属性html,详解CSS样式中的float属性
详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...
CSS中background-position属性
CSS中background属性是经常用到的,可以给某个块设置背景色.以下主要说明以下background-position属性的应用. 一般在设置background属性时的写法是: backgro ...
CSS中连接属性的排序
在CSS超链接的属性中,有四个连接方式: a:link a:hover a:visited a:acticve 之前在使用的时候一直是按照自认为的顺序中去写的,就是 L H V A的排序方式,然而有 ...

html 的scor属性,html – 什么是css scroll-behavior属性？

html 的scor属性,html – 什么是css scroll-behavior属性？相关推荐

最新文章

热门文章