为何scroll-behavior:smooth在安卓Firefox中会将锚点定位到页面底部？

问题现象 #

• 在Android版Firefox浏览器中，当给元素设置scroll-behavior: smooth实现平滑滚动时，首次点击锚点链接会出现异常：锚点被定位到页面底部
• 再次点击同一锚点链接时，才能正常触发平滑滚动，定位到预期的目标位置（比如页面顶部）
• 该问题仅出现在Android端Firefox，桌面端Firefox无此异常

解决办法 #

将scroll-behavior的属性值从smooth改为auto，即可解决这个锚点定位异常的问题。

内容的提问来源于stack exchange，提问作者convoke