注册登录

Simi

Simi

发布：2019-07-15 23:49
更新：2019-07-16 03:00
阅读：1382

#插件讨论# 【 ThorUI组件库 - 1062884167 】Sticky 组件在 H5 环境下无法使用

分类：uni-app

插件讨论

在微信小程序中 Skicky 组件可以正常使用，但是在 H5 环境中无效，测试发现应该是在 H5 环境中 onPageScroll 事件，导致没能更新 Sticky 的 scrollTop。

2019-07-15 23:49 负责人:无分享

1 个回复

ThorUI_echo - 开源项目： https://thorui.cn/doc

什么浏览器，我这边是可以使用的，只是置顶了，盖住了header部分，小程序和app是原生的头部不存在这个问题，解决H5上的问题，试改变停靠距离（距离顶部距离）

.tui-sticky-fixed {  
        width: 100%;  
        position: fixed;  
        top: 0;  
        /* #ifdef H5 */  
        top: 44px;  
        /* #endif */  
        z-index: 99999;  
    }

Simi (作者)

刚刚重新测试了下，应该 uni-app 的一个 Bug:

H5 环境下无法监听页面滚动事件 onPageScroll

https://github.com/dcloudio/uni-app/issues/557

监听不了 onPageScroll 事件导致没能更新 Sticky 的 scrollTop。

2019-07-16 08:27
ThorUI_echo

看一下你的HbuilderX版本，可以监听的

2019-07-16 11:29

该问题目前已经被锁定, 无法添加新回复