在ios的webview中使用fixed在顶部的内容导致下拉刷新被阻挡问题。

最新推荐文章于 2022-08-09 16:04:13 发布

大橙子Gsc

最新推荐文章于 2022-08-09 16:04:13 发布

阅读量1.8k

点赞数 1

分类专栏：前端布局踩坑

本文链接：https://blog.csdn.net/weixin_43925811/article/details/93977777

版权

前端布局踩坑专栏收录该内容

5 篇文章 0 订阅

订阅专栏

解决方案：用js动态设置为abolute，放手后再设为fixed

//css代码
.fixedTopObj.abs {
    position: absolute;
}
.fixedTopObj{
    position: fixed;
    top:0;
    left:0;
}





//JS代码
var $fto= document.querySelector('.fixedTopObj');
            window.addEventListener('scroll', function (event) {
                var currentST = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
                if (currentST <= 0) {
                    if (!$fto.classList.contains('abs')) {
                        $fto.classList.add('abs');
                    }
                } else {
                    if ($fto.classList.contains('abs')) {
                        $fto.classList.remove('abs');
                    }
                }
            }, false);
``