<scroll-view scroll-y="true" style="height: 300px;"> <view> <!-- 你的内容 --> </view> </scroll-view> 注意,对于纵向滚动,你需要设置scroll-y="true",并指定scroll-view的高度;对于横向滚动,设置scroll-x="true",并可能需要确保子元素的宽度总和大于scrol...
由于是动态获取子元素总宽度作为占位View的高度,所以即使子元素是动态数据,也能做到自适应滚动的。 示例代码如下: <scroll-viewclass="header flex_wrap flex_center bg_grey flex_top on"scroll-x="true":scroll-into-view="scroll_into_view0"scroll-with-animation="true"show-scrollbar="false"><!--占位...
1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;
简介:UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...) scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll-view开启下拉刷新后,无论在...
目标是要实现:选项卡左右滑动,当在列表页面选中某一个菜单时 ,跳转到下一个页面要滑动到指定菜单位置位置,所以要使用到scroll-into-view。附图:点击第一张图的位置,跳转到下一张图,滑动到指定菜单位置前提:已设置固定高度HTML代码:<scroll-view class="scr
关键是设置scroll事件及赋值时要是延迟的,放在$nextTick或setTimeout <scroll-viewclass="scroll_content"scroll-y="true":scrollTop='scrollTop'@scroll='scroll':style="{'top': listTop+'px',height:taskStatus===1?scrollHeight+'px':scrollHeight2+'px'}"><!--任务tab内容--><TaskInfo:taskInfos=...
-- 分类名称列表 --><viewstyle='width:100vw;display:flex'><scroll-viewstyle='height:100vh;width:20%':scroll-y="true"><view><view@click='intoDom(item.id)'v-for(item,index)inlist:key='index'>分类名称</view></view></scroll-view><!-- 商品列表 --><scroll-viewstyle='height:100vh...
问题描述 scroll-view 组件上的@scroll事件报错并无效 复现步骤 [复现问题的步骤] ` <scroll-view class="flex-1" scroll-y scroll-with-animation @scroll="scroll" @scrolltolower="reachBottom" /> reachBottom() { } scroll(e) { } ` 点击scroll-view 区域上下滑动 预期
uniapp解决scroll-view滑动事件失效问题@scrolltolower 1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
uni-app使用scroll-view组件不生效的问题 1.横向滚动不生效的问题是因为少了两行代码: white-space: nowrap; display:inline-block; 2.纵向滚动 必须指定滚动区域的高度。 不设置高度的话,scroll-view是不会滚动的,此时滚的是页面。 <scroll-viewclass="classify"scroll-xshow-scrollbar><viewclass="classify_ite...