scroll-view失效的问题: 1. 检查scroll-view组件的使用语法是否正确 确保你的scroll-view组件的语法符合uniapp的规范。例如,正确的使用方式应该类似于: html <scroll-view scroll-y="true" style="height: 300px;"> <view> <!-- 你的内容 --> </view> </scroll-view&...
1.横向滚动不生效的问题是因为少了两行代码: white-space: nowrap; display:inline-block; 2.纵向滚动 必须指定滚动区域的高度。 不设置高度的话,scroll-view是不会滚动的,此时滚的是页面。 <scroll-viewclass="classify"scroll-xshow-scrollbar><viewclass="classify_item"v-for="(item,index)inclassifyList"...
本来横向滚动只要子元素宽度大于scroll-view固定宽度就可以滚动的,但是IOS App开发中子元素高度必须要大于scroll-view宽度才能滚动,应该是拿错参数了。 解决方案: scroll-view内部添加一个宽度为1像素的透明的占位View把内部容器的高度撑大即可(下图红色线条所示),高度为子元素的总宽度(下图蓝框),这样无论有多少个子元...
1.上下滚动因为高度的问题,scrollView没有填满所剩下的空间,没有实现区域滚动 scroll-top 不生效的问题 ,比如想滚动到底部 在用这个标签之前,很多地方需要阅读官方文档比如这句话 :用竖向滚动时,需要给 一个固定高度,通过 css 设置 height。 我就是因为没有设置高度导致 scroll-top不生效,但是设置高度百分之百又...
scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll-view开启下拉刷新后,无论在什么位置触摸下滚,都算在进行下拉,这个也是因为没有设置固定高度的问题。 如果...
问题描述 scroll-view 组件上的@scroll事件报错并无效 复现步骤 [复现问题的步骤] ` <scroll-view class="flex-1" scroll-y scroll-with-animation @scroll="scroll" @scrolltolower="reachBottom" /> reachBottom() { } scroll(e) { } ` 点击scroll-view 区域上下滑动 预期
100vh;width:80%':scroll-y="true":scroll-into-view="intoId"><view><viewv-for(item,index)inlist:key='index'><view:id="'dom_'+item.id">分类名称</view><viewv-for(subItem,subIndex)initem.subList:key='subIndex'>商品名称</view></view>...更多数据(略)</view></scroll-view></view>...
如使用 scroll-view 导致页面没有滚动,则触底事件不会被触发。scroll-view 滚动到底部的事件请参考 scroll-view 的文档 onPageScroll 参数说明: 注意 onPageScroll 里不要写交互复杂的 js,比如频繁修改页面。因为这个生命周期是在渲染层触发的,在非 h5 端,js是在逻辑层执行的,两层之间通信是有损耗的。如果在滚...
1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
</scroll-view> </view> </template> data() { return { clientHeight: 0, scrollTopVal: 900, msgList: {data: []} } } getList(refresh) { const _this = this; let activeTab = this.msgList; if (activeTab.isLoading) { return; } if (refresh...