Css 是否有类似于Safari的滚动行为:平滑;?

Css 是否有类似于Safari的滚动行为:平滑;?,css,safari,Css,Safari,我正在制作一个单页的公文包,该公文包使用href的顶部安装的导航栏进行导航。我使用滚动行为:平滑在我头脑中的CSS中,这使得在chrome中浏览时,导航变得平滑且令人愉快。当使用Safari加载站点时,此行为将丢失,并且导航是即时的。是否有与此CSS功能等效的Safari?Safari不支持滚动行为:平滑,您需要一些自定义javascript来实现相同的效果。请参见:您可以使用-webkit溢出滚动:触摸。不需要javascript 参考: 编辑:正如我指出的,我误解了这个问题(谢谢你的评论)。

我正在制作一个单页的公文包,该公文包使用href的顶部安装的导航栏进行导航。我使用
滚动行为:平滑
在我头脑中的CSS中,这使得在chrome中浏览时,导航变得平滑且令人愉快。当使用Safari加载站点时,此行为将丢失,并且导航是即时的。是否有与此CSS功能等效的Safari?

Safari不支持
滚动行为:平滑,您需要一些自定义javascript来实现相同的效果。请参见:

您可以使用
-webkit溢出滚动:触摸。不需要javascript

参考:

编辑:正如我指出的,我误解了这个问题(谢谢你的评论)。对于Safari中的滚动行为,没有scape。你必须使用JavaScript。这是一个普通的解决方案:


尽管这里说safari支持平滑滚动 但即使是这个例子也不适用于safari


作为一种解决办法,我发现了一个带有polyfill的库,在那些不起作用的浏览器中,它被替换了-

根据的评论,它起作用了

<script defer src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.min.js"></script>


这与滚动行为不同:平滑;或者只需使用polyfill,如链接线程中所述:我可以确认,polyfill对我非常有用,从今天到2020年6月4日,只需在你自己的东西之前加载:
@poulter7对我来说在所有苹果平台上都很有魅力。@poulter7。。。如果您愿意,请查看我的生产环境raesener.de。我发现这确实非常有效,只是它不适用于
element.scrollBy()