我正在创建一个单页网站,它依赖于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)
看来这是一个本地问题,只是发生在我的电脑上。谢谢回复!
1条答案
按热度按时间h9a6wy2h1#
不久前我也遇到过同样的问题,我想出了这个解决方案:
1.打开新选项卡
1.转到Chrome的实验性标志(chrome://flags)
1.搜索
'smooth scrolling'
1.将标志设置为
enabled
让我知道这是否适合你!