Html 什么是css滚动行为属性？

我最近注意到一个可以在css中指定的

滚动行为

属性。它只能使用两个属性：

inherit

和

initial

。我以前从未听过/见过它，所以我试着看了看。问题是，所有的链接都在解释有关

溢出

属性的不同内容

那么

#卷轴{
宽度：100px；
高度：500px；
滚动行为：继承；
溢出：自动；
边框：2件纯黑；
}
#里面{
高度：1000px；
}

---

问题是我看不出有什么不同。那么它做了什么呢？

注意到它也在我的Chrome Inspector中弹出，这让我想到了这篇文章

滚动的行为是什么？ css属性特别被称为CSSOM视图“滚动行为”属性，创建该属性是为了在css中为DOM项滚动集成更大的灵活性。大多数为网站构建的“滚动到”选项通常构建在JS库或插件上。与其他人提到的一样，以下是发布文档-

DOM当前采用的滚动行为由锚定标记设置为（例如：单击我）。当这个CSS属性在所有浏览器中都被完全采用并正确实现时（查看下面的讨论：）。您将能够将“即时”锚定标记滚动切换到“平滑”滚动

真正的问题是，我们何时可以在边缘浏览器中使用此属性？目前，Firefox&Chrome已经认可该属性，但就研究而言，该属性并不处于“活动”状态。

nav{float:left}
#卷轴{
宽度：350px；
高度：500px；
滚动行为：平滑；
溢出：滚动；
边框：2件纯黑；
}
#内部1{
高度：1000px；
背景颜色：蓝色；
}
#内部2{
高度：1000px；
背景颜色：橙色；
}
#内部3{
高度：1000px；
背景色：红色；
}

@Quentin谢谢。奇怪的是，它是关于平滑/即时属性的，但在chrome中我看到了inherit/initial，它什么都不做。它看起来到目前为止还没有实现，但仍然出现在chrome中。这个行为现在在Firefox Nightly（36）中隐藏在两个变量后面，layout.css.scroll-behavior.property-enabled&layout.css.scroll-behavior.enabledRefex现在附带了这个属性，谷歌宣布Chrome39将随它一起发布。@johndrinkwater我还没有看到任何人实际使用过这个属性。如果您看到最新的Chrome稳定版本61Chrome现在支持此功能，请告诉我Chrome要求容器具有溢出：auto

<div id="scroll">
    <div id="inside">
</div>

#scroll{
    width: 100px;
    height: 500px;
    scroll-behavior: inherit;
    overflow: auto;
    border: 2px solid black;
}
#inside{
    height : 1000px;
}