在可抓取的可滚动容器中，element.scrollTo平滑滚动在Safari中不起作用

的原因是Safari浏览器对scrollTo方法的平滑滚动效果支持不完善。在Safari中，使用element.scrollTo方法进行平滑滚动时，可能会出现滚动不平滑或者没有滚动效果的情况。

解决这个问题的方法是使用CSS的scroll-behavior属性来实现平滑滚动效果。scroll-behavior属性可以设置为smooth，这样在支持该属性的浏览器中，滚动操作会平滑地进行。

具体实现方法如下：

1. 首先，为可抓取的可滚动容器添加一个类名，例如"smooth-scroll-container"。
2. 在CSS中，为该类名添加scroll-behavior属性，并将其值设置为smooth。

.smooth-scroll-container {
  scroll-behavior: smooth;
}

1. 在JavaScript中，使用element.scrollIntoView方法来实现平滑滚动。该方法会将指定的元素滚动到可见区域。

const container = document.querySelector('.smooth-scroll-container');
const element = document.querySelector('.scroll-target-element');

element.scrollIntoView({ behavior: 'smooth', block: 'start' });

在上述代码中，container代表可抓取的可滚动容器的DOM元素，element代表需要滚动到可见区域的目标元素的DOM元素。scrollIntoView方法的behavior参数设置为'smooth'，可以实现平滑滚动效果。

这种方法可以在大多数现代浏览器中实现平滑滚动效果，包括Safari浏览器。但需要注意的是，该方法可能在一些旧版本的浏览器中不被支持。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络）。腾讯云CDN是一种分布式部署在全球各地的加速网络，可以提供高速、稳定的内容分发服务，加速网站、应用、音视频等内容的传输。通过使用腾讯云CDN，可以提升网站的访问速度和用户体验。

产品介绍链接地址：腾讯云CDN