uniapp解决scroll-view滑动事件失效问题@scrolltolower
1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。
2、父容器最好也指定高度
下面通过举例来说明
<template>
<view class="main">
<scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom">
//省略内容
</scroll-view>
</view>
</template>
<script>
export default{
methods:{
reachBottom(){
//这里是触底需要做的事情
}
}
}
</script>
<style>
.main{
heigth:100%;
width:100%;
}
.scroller-content{
width:100%;
height:calc(100vh - var(--window-top));//calc()是动态计算函数
//100vh:把屏幕高度分成100等份
//--window-top屏幕顶部栏目部分
}
</style>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。