scroll-view需要明确的高度或宽度限制来触发滚动。如果scroll-view的高度或宽度设置为auto或未设置,且其内容不足以撑开整个容器,则滚动效果可能无法出现。请确保您已经为scroll-view设置了合适的高度或宽度。 3. 验证滚动方向(水平或垂直)是否设置正确 通过scroll-x和scroll-y属性可以控制滚动的方向。确保您已经根据需要...
如果这都不出现滚动,那么原因可能有二: 1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;
小程序里使用scroll-view,然后发现在iOS下不能滚动,在安卓下正常。 先确认scroll-y="true" 一定需要给scroll-view设置一个高度,具体的根据你自己的页面来 ,可以getSystemInfo获取可视区域的高度 constres=uni.getSystemInfo({success:(res=>{this.clientHeight=res.windowHeight-getApp().globalData.navHeight-50;})...
准确来说是h5无法滑动 uniapp,uniapp 打包的h5在安卓Android手机滚动条scroll失效 其实主要是 uni-app 做了限制,涉及到需要滚动的内容使用 <scroll-view> 标签容器就好了 示例 <scroll-view scroll-y="true" style="height:120vh;width:100%;">内容</scroll-view>...
我的第二个问题就是因为没有设置高度导致 scroll-top不生效,但是设置高度百分之百又满足不了区域滚动,设置百分之分有时还会错位 ---好了不比比,直接上代码,建议全部复制过去 <template> <view class="content flex-column"> <view class="top-view flex-center" @tap="clickEvnet(0)"> 点击...
1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll-view开启下拉刷新后,无论在什么位置触摸下滚,都算在进行下拉,这个也是因为没有设置固定高度的问题。 如果...
目标是要实现:选项卡左右滑动,当在列表页面选中某一个菜单时 ,跳转到下一个页面要滑动到指定菜单位置位置,所以要使用到scroll-into-view。 附图: 点击第一张图的位置,跳转到下一张图, 滑动到指定菜单位置 前提:已设置固定高度 HTML代码: <scroll-view class="scroll-view_H" :scroll-x="true" :scroll-with...
解决办法只需要在scroll-view下的子元素class item加上vertical-align:top;就可以了 .scroll-view{ white-space:nowrap; .item{ width:160rpx; display:inline-block; margin-right:48rpx; vertical-align:top; .item-image{ width:160rpx; height:160rpx; ...