uniapp scroll-view固定定位后无法滑动解决方案

不给scrollview设置高度是不可以滚动的，单纯的flex1页不一定可以，需要添加一个实体高度，让其自动撑开。uniappx里弃用了scroll-x，以及scroll-y属性，用direction属性代替了；如果还是不可以，检查是否有scroll-view嵌套，以及父元素是否有实体高度。

scroll-view是uni-app内置的可滚动视图区域组件，支持横向和纵向滚动配置。适用于商品横向展示、长列表内容展示等需要局部滚动的场景。scroll-x：启用横向滚动scroll-y：启用纵向滚动scroll-top：设置竖向滚动位置：设置横向滚动位置横向滚动必须配合使用纵向滚动需要设置固定容器高度通过CSS可以优化滚动体验和视觉效果注意不同布局模式下子元素的显示方式。

.fixed{ position: fixed; top: 0; z-index: 9999; width: 100%; } fixed定位+top 0 会让tabs固定在顶部 但是会出现 无法左右滑动问题 这是因为我们没有设置宽度 只要加上width100%就好了 下面是页面代码 <view class="fixed"> <view class="search_box"> <u-input v-mode...

方式2：本地项目使用的方式，页面创建完成获取父元素高度减去固定的比如输入框等元素高度来设置scroll-view的高度(第一版)正常按照uni官方文档配置就好，之前项目也做过类似需求，但是前两天遇到了设置不生效的问题。具体为什么初版不生效还不清楚，有可能模板内语法有问题，但是我看着没毛病哈哈哈。2、scroll-into-view和子元素的id设置有问题(经测试设置没问题)调整scroll-view高度设置，在js中计算完成了再放到标签style属性内。1、scroll-view 没有高度。

如图微信小程序中 scroll-view组件外div加display：flxed或者是absolute后， scroll-view组件滚动失效。 解决办法: scroll-view宽度为屏幕宽度， 子元素view.cont设置overflow:auto;内容超出屏幕会出滚动条，然后便可以拖动了， 最外层header设置overflow-y: hidden;隐藏滚动条，实...

uni-app——uniapp 中 scroll-view 上下滑动卡顿

在做uniapp的时候需要用到tap页 但是uView的基础tap页是不支持左右滑动的 所以使用了tap-swiper组件 但是这个组件必须包裹一个scroll-view 包裹后uniapp自带的下拉刷新就没了 必须使用scroll-view自带的下拉刷新才行 但是做的时候出现了一个问题 scroll-view自带的下拉刷新 刷新后无法取消那个动画 我在网上也找了很多 都没有找到一个好的解决方案 后来就自己搞出来了 虽然性能不太好 但是还是可以用的 思路如下 仅供参考 .

检查容器高度是否有效设置审查全局 CSS 是否覆盖滚动条样式验证子元素布局是否符合滚动方向要求分平台调试并添加兼容性代码通过上述方案，可覆盖 90% 的滚动条异常场景。具体实现需结合业务逻辑调整（如动态高度计算或分页加载优化）。

当你设置好了scroll-view的内外CSS和scroll-into-view所需要id后，如果你的分类列表数据是请求后端返回的，scroll-view内的view元素id要快过scroll-into-view所获取的id，不然无法生效。我的this.curScrollId是scroll-into-view的id,他快过了我获取分类数据的方法导致无法生效。今天在写点击分类进入列表页面，列表页面分类横向滚动到对应分类名称时使用scroll-into-view功能发现的坑。

uniapp中scroll-view滚动失效解决方法

好久没用了就忘记了，9个子元素一共2700px；失误把scroll-view的值也设成了2700px;这样就滑动不了了，因为一直没动；

如果我们高度是动态的，那我们可以动态给scroll-view一个高度即可。注意高度不要和相应元素高度一致，不然也是无法滚动的。在uniapp打包成小程序部署后如下代码，我们添加了 scroll-y但是无法上下滑动。滚动的条件必须是设定固定高度，这样才能滚动。

刚碰到了一个问题，由于fixed元素是不处于文档流中的，因此，如果你的滚动容器不是html，fixed元素在非html容器中会遮住底层，此时鼠标放在fixed元素上是无法滚动容器内的内容的，所以，最好的解决方式是 都以html为容器进行滚动！ &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset...

踩坑记录：uniapp中scroll-view的scroll-top不生效问题 的详细解决思路