Javascript 如何在Safari上获得平滑滚动功能

Javascript 如何在Safari上获得平滑滚动功能,javascript,html,css,Javascript,Html,Css,正如标题所述。最初,我尝试使用polyfill smoothscroll,只是将其添加到我的body标签的底部: <script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.min.js"></script> 但这似乎并没有起到任何作用。我显然遗漏了一些东西。我需要添加一些东西才能使smoothscroll功能正常工作吗?Safari上还有其他的vani

正如标题所述。最初,我尝试使用polyfill smoothscroll,只是将其添加到我的body标签的底部:

<script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.min.js"></script>


但这似乎并没有起到任何作用。我显然遗漏了一些东西。我需要添加一些东西才能使smoothscroll功能正常工作吗?Safari上还有其他的vanilla js解决方案可以使用smoothscroll吗?

您可以使用Zencoll,它是一个JavaScript库,可以将动画垂直滚动到文档或可滚动元素中的某个元素或位置

它对你有用

  • 安卓浏览器2.2+
  • Android Chrome 14+的Chrome(可能也更早)
  • 边缘
  • 火狐9+
  • Internet Explorer 9+
  • iOS Safari 4+
  • 歌剧10.6+
  • 等等

您可以使用Zencroll,它是一个JavaScript库,支持动态垂直滚动到文档或可滚动元素中的元素或位置

它对你有用

  • 安卓浏览器2.2+
  • Android Chrome 14+的Chrome(可能也更早)
  • 边缘
  • 火狐9+
  • Internet Explorer 9+
  • iOS Safari 4+
  • 歌剧10.6+
  • 等等

Zencroll工作得非常好!我确实偏离了说明,在标记的底部使用了以下代码,而不是直接下载.js文件:
Zencroll工作得非常好!我确实偏离了说明,在我的标签底部使用了以下代码,而不是直接下载.js文件:
似乎他们的示例页面在safari上工作,但在您的页面上不工作是有原因的。你有没有可能发布一个链接来看看呢?@Kinglish在下面找到了另一个选择,似乎他们的示例页面可以在safari上运行,但不能在你的页面上运行是有原因的。你有没有可能发布一个链接来看看呢?@Kinglish在下面找到了另一个选择