scroll-view需要明确的高度或宽度限制来触发滚动。如果scroll-view的高度或宽度设置为auto或未设置,且其内容不足以撑开整个容器,则滚动效果可能无法出现。请确保您已经为scroll-view设置了合适的高度或宽度。 3. 验证滚动方向(水平或垂直)是否设置正确 通过scroll-x和scroll-y属性可以控制滚动的方向。确保您已经根据需要...
scroll-x="true" 如果这都不出现滚动,那么原因可能有二: 1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;...
本来横向滚动只要子元素宽度大于scroll-view固定宽度就可以滚动的,但是IOS App开发中子元素高度必须要大于scroll-view宽度才能滚动,应该是拿错参数了。 解决方案: scroll-view内部添加一个宽度为1像素的透明的占位View把内部容器的高度撑大即可(下图红色线条所示),高度为子元素的总宽度(下图蓝框),这样无论有多少个子元...
小程序里使用scroll-view,然后发现在iOS下不能滚动,在安卓下正常。 先确认scroll-y="true" 一定需要给scroll-view设置一个高度,具体的根据你自己的页面来 ,可以getSystemInfo获取可视区域的高度 constres=uni.getSystemInfo({success:(res=>{this.clientHeight=res.windowHeight-getApp().globalData.navHeight-50;})...
我的第二个问题就是因为没有设置高度导致 scroll-top不生效,但是设置高度百分之百又满足不了区域滚动,设置百分之分有时还会错位 ---好了不比比,直接上代码,建议全部复制过去 <template> <view class="content flex-column"> <view class="top-view flex-center" @tap="clickEvnet(0)"> 点击...
无法滚动,求解,是哪里的问题`<template> <view> <view> <view> <!-- scroll-left="120";右边的元素上来的距离 --> <scroll-view class="scroll-view_H" scroll-x="true"> <view class="scroll-view-item_H" v-for="(huadong,index) in huadongs" :key="index"> <view>x</view> <view><imag...
回答:内容自动滚动到可视化区域的底部,你可以自己写一个函数,在页面加载完成后调用即可,这个功能一般不需要采用组件来实现,书写起来也并不复杂,简单的逻辑如下: function getMaxHeight() { messageContainer = document.getElementsByClassName("message-container")[0]; messageContainer.scrollTo({ top: messageContainer...
<text>\n横向滚动</text> </view> <view> <scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120"> <view id="demo1" class="scroll-view-item_H uni-bg-red">A</view> <view id="demo2" class="scroll-view-item_H uni-bg-green">B</view> ...
1.1 设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-flex).所以只能给你的scroll-view设置如下 overflow: hidden; white-space: nowrap; 1. 2. 1.2 隐藏滚动条,加如下css ::-webkit-scrollbar { ...