滚动行为:smooth在Chrome中无法正常工作

gr8qqesn  于 2022-12-06  发布在  Go
关注(0)|答案(1)|浏览(590)

我正在创建一个单页网站,它依赖于scroll-behavior:smooth CSS属性和. scrollIntoView({behavior:'smooth'})方法。我使用这些主要是为了提供各部分之间的平滑过渡,不是关键的,但美观。突然之间,这个功能似乎在谷歌Chrome中不起作用了。我在Firefox和Chrome移动的以及这些作品中进行了测试。
我用我的页面的基础做了这支笔:https://codepen.io/gabriel-ar/pen/rEjdYb
暂时我一直在使用https://github.com/iamdustan/smoothscroll,它解决了scrollIntoView,但其他插件,如PhotoSwipe,不能很好地处理过渡。

  • 因此,这里最好的修复方法是什么?smoothscroll解决了一部分问题,但显然不是所有问题。
  • 这是Chrome中的一个错误吗?
  • scroll-behavior:smooth似乎不是唯一受影响的属性,还有什么其他属性可能停止工作(如果有的话)?
    谷歌浏览器版本106.0.5249.119

我已经卸载了Chrome并重新安装了它。我还在沙箱上运行了一个干净的安装,结果相同。
谢谢你,谢谢你

更新解决方案(& S)

看来这是一个本地问题,只是发生在我的电脑上。谢谢回复!

h9a6wy2h

h9a6wy2h1#

不久前我也遇到过同样的问题,我想出了这个解决方案:
1.打开新选项卡
1.转到Chrome的实验性标志(chrome://flags)
1.搜索'smooth scrolling'
1.将标志设置为enabled
让我知道这是否适合你!

相关问题