ios 部分兼容问题

小皮皮不皮

于 2021-03-02 16:41:36 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

文章标签： css javascript

本文链接：https://blog.youkuaiyun.com/fengxiaopeng74/article/details/114288221

最近刷到了一个前端小知识总结，整理一下方便以后工作中用到

ios手机容器滚动条滑动不流畅

{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

 // 解决ios audio无法自动播放、循环播放的问题
    var music = document.getElementById('video');
    var state = 0;

    document.addEventListener('touchstart', function () {
        if (state == 0) {
            music.play();
            state = 1;
        }
    }, false);

    document.addEventListener("WeixinJSBridgeReady", function () {
        music.play();
    }, false);

    //循环播放
    music.onended = function () {
        music.load();
        music.play();
    }