Javascript – window.scroll({behavior：’smooth’})在Safari中不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript – window.scroll({behavior：’smooth’})在Safari中不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1064字，纯文字阅读大概需要2分钟。

内容图文

正如标题所说,它在Chrome上运行得非常好.但在Safari中,它只是将页面设置为所需的顶部和左侧位置.这是预期的行为吗？有没有办法使它很好地工作？

解决方法:

IE / Edge / Safari不完全支持行为选项,因此您必须自己实现某些功能.我相信jQuery已经有了一些东西,但如果你不使用jQuery,这里是一个纯粹的Javascript实现：

function SmoothVerticalScrolling(e, time, where) {
    var eTop = e.getBoundingClientRect().top;
    var eAmt = eTop / 100;
    var curTime = 0;
    while (curTime <= time) {
        window.setTimeout(SVS_B, curTime, eAmt, where);
        curTime += time / 100;
    }
}

function SVS_B(eAmt, where) {
    if(where == "center" || where == "")
        window.scrollBy(0, eAmt / 2);
    if (where == "top")
        window.scrollBy(0, eAmt);
}

如果你需要水平滚动：

function SmoothHorizontalScrolling(e, time, amount, start) {
    var eAmt = amount / 100;
    var curTime = 0;
    var scrollCounter = 0;
    while (curTime <= time) {
        window.setTimeout(SHS_B, curTime, e, scrollCounter, eAmt, start);
        curTime += time / 100;
        scrollCounter++;
    }
}

function SHS_B(e, sc, eAmt, start) {
    e.scrollLeft = (eAmt * sc) + start;
}

一个例子是：

SmoothVerticalScrolling(myelement, 275, "center");

内容总结

以上是互联网集市为您收集整理的Javascript – window.scroll({behavior：’smooth’})在Safari中不起作用全部内容，希望文章能够帮你解决Javascript – window.scroll({behavior：’smooth’})在Safari中不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端