iOS解决方案:无CSS属性的平滑滚动滚动行为:平滑?

iOS解决方案:无CSS属性的平滑滚动滚动行为:平滑?,css,ios,safari,mobile-safari,smooth-scrolling,Css,Ios,Safari,Mobile Safari,Smooth Scrolling,编辑:我找到了一个jQuery解决方案! 这一款确实适用于iOS。我想jQuery解决浏览器支持问题的日子还没有结束 当然,在搜索了几个小时后,最后发布到Stack Overflow,几分钟后我找到了解决方案。我看到其他一些人在评论中提出了一些建议,我也会看看。然而,上面代码笔中的jQuery解决方案实现了这一点,并允许轻松定制滚动启动速度 ----------------原始问题----------------------- 您可能已经注意到iOS Safari或iOS Chrome都不支持C

编辑:我找到了一个jQuery解决方案! 这一款确实适用于iOS。我想jQuery解决浏览器支持问题的日子还没有结束

当然,在搜索了几个小时后,最后发布到Stack Overflow,几分钟后我找到了解决方案。我看到其他一些人在评论中提出了一些建议,我也会看看。然而,上面代码笔中的jQuery解决方案实现了这一点,并允许轻松定制滚动启动速度

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

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


下面是一个使用jQuery的快速示例,如@volt在注释中所建议的:

$(“html,body”).animate({scrollTop:“500px”})
正文{
背景:#eee;
填充:20px;
字体系列:Helvetica;
}

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文字在此处显示文字在此处显示

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

文本到这里文本到这里

function scrollExperiment() {
    const finalPosition = 500
    let i = 0
    if (i < finalPosition) {
        window.scrollTo(0, 1);
        i++
        setTimeout(scrollExperiment(), 10)
    }
} scrollExperiment()
$(window).scrollTop($("#anchor").offset().top);