iOS 解决方法:没有 CSS 属性的平滑滚动滚动行为:平滑? [英] iOS Workaround: Smooth scrolling without the CSS property Scroll Behavior: Smooth?

查看：94 发布时间：2021/6/3 18:36:14 css ios safari mobile-safari smooth-scrolling

本文介绍了iOS 解决方法:没有 CSS 属性的平滑滚动滚动行为:平滑?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我找到了一个 jQuery 解决方案！https://codepen.io/chriscoyier/pen/dpBMVP这个确实适用于iOS.我想 jQuery 桥接浏览器支持问题的日子还没有结束.

当然，经过几个小时的搜索，最后发布到 Stack Overflow，几分钟后我找到了解决方案.我看到其他一些人在评论中提出了一些建议——我也会检查一下.然而，上面 Codepen 中的这个 jQuery 解决方案可以解决问题，并允许轻松自定义滚动速度来启动！

----------------原问题---------------------------------

您可能已经注意到 iOS Safari 或 iOS Chrome 都不支持 CSS 属性 Scroll Behavior: Smooth.我的问题是:是否有另一种 javascript 方法可以将滚动动画设置为不依赖此 CSS 属性的页面上的特定位置?也许是滚动少量然后重复此行为直到击中所需目标?我尝试了以下操作，但出现超出最大呼叫大小错误":

function scrollExperiment() {常量最终位置 = 500让我 = 0如果(我< finalPosition){window.scrollTo(0, 1);我++设置超时(滚动实验()，10)}滚动实验()

有没有人成功构建过这样的解决方法?我觉得应该有一个不依赖属性 Scroll Behavior: Smooth 的 jQuery 解决方案，但我还没有找到.我尝试了以下操作，但在 iOS 上仍然无法顺利滚动:

$(window).scrollTop($("#anchor").offset().top);

解决方案

这是一个使用 jQuery animate 的快速示例，正如@volt 在评论中所建议的:

$("html, body").animate({ scrollTop: "500px" });

body {背景:#eee;填充:20px；字体系列:Helvetica；}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="容器"><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p><p>文本在此处文本在此处</p>

jsFiddle

EDIT: I found a jQuery solution! https://codepen.io/chriscoyier/pen/dpBMVP This one indeed works on iOS. I guess jQuery's days of bridging browser support issues aren't quite over yet.

Of course, after searching for many hours and then finally posting to Stack Overflow, I find the solution minutes later. I see a few others made some suggestions in the comments—I'll check those out as well. However this jQuery solution in the Codepen above does the trick and allows for easily customized scroll-speed to boot!

----------------Original Question-----------------------

You may have noticed that neither iOS Safari or iOS Chrome support the CSS property Scroll Behavior: Smooth. My question is: is there another javascript way to animate a scroll to a specific position on the page that does not rely on this CSS property? Perhaps something that scrolls a small amount and then repeats this behavior until the desired target is hit? I tried the following, but I got a "Maximum call size exceeded error":

function scrollExperiment() {
    const finalPosition = 500
    let i = 0
    if (i < finalPosition) {
        window.scrollTo(0, 1);
        i++
        setTimeout(scrollExperiment(), 10)
    }
} scrollExperiment()

Has anyone ever successfully built a workaround like this? I feel like there should be a jQuery solution to this that doesn't rely on the property Scroll Behavior: Smooth, but I haven't found one yet. I tried the following and it still wouldn't scroll smoothly on iOS:

$(window).scrollTop($("#anchor").offset().top);

解决方案

Here is a quick example using jQuery's animate, as @volt suggested in the comments:

$("html, body").animate({ scrollTop: "500px" });

body {
  background: #eee;
  padding: 20px;
  font-family: Helvetica;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>  
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>  
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>    
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>  
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>  
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>
  <p>text goes here text goes here</p>    
</div>

jsFiddle

这篇关于iOS 解决方法:没有 CSS 属性的平滑滚动滚动行为:平滑?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

iOS 解决方法:没有 CSS 属性的平滑滚动滚动行为:平滑? [英] iOS Workaround: Smooth scrolling without the CSS property Scroll Behavior: Smooth?

问题描述

相关文章

移动开发最新文章

热门教程

热门工具

登录关闭

iOS 解决方法:没有 CSS 属性的平滑滚动 滚动行为:平滑? [英] iOS Workaround: Smooth scrolling without the CSS property Scroll Behavior: Smooth?

问题描述

相关文章

移动开发最新文章

热门教程

热门工具

登录 关闭

iOS 解决方法:没有 CSS 属性的平滑滚动滚动行为:平滑? [英] iOS Workaround: Smooth scrolling without the CSS property Scroll Behavior: Smooth?

登录关闭