iOS设备下window.scrollTo的behavior平滑滚动属性不生效问题咨询

你提供的测试代码本身没有语法问题，window.scrollTo的behavior: "smooth"属性也确实不是仅iOS Safari支持，出现失效是受iOS端的运行环境限制，常见原因如下：

<body style="height: 5000px;">
  <button onclick="test()">click</button>
  <script>
    function test(){
      window.scrollTo({top:2000, behavior:"smooth"})
    }
  </script>
</body>

• 系统辅助功能限制：iOS的「减弱动态效果」开关开启后，会强制禁用所有网页端的平滑滚动动画，不管是CSS的scroll-behavior: smooth还是JS的behavior参数都会直接失效，页面会瞬间跳转到指定滚动位置。你可以进入「设置-辅助功能-动态效果」页面，确认是否开启了这个开关。
• 内核版本兼容性限制：iOS端所有第三方浏览器（包括Chrome、Edge等）都强制使用系统提供的WebKit内核，和自带Safari的内核版本完全绑定。behavior: "smooth"属性直到Safari 15.4版本才正式支持，对应iOS系统版本为15.4，如果你的手机系统版本低于15.4，不管用什么浏览器都无法触发原生平滑滚动效果。

如果需要兼容低版本iOS，你可以用requestAnimationFrame手动实现平滑滚动逻辑，不需要依赖原生的behavior属性。

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