有关微信小程序scroll-view失效的问题

最新推荐文章于 2023-05-10 11:31:18 发布
最新推荐文章于 2023-05-10 11:31:18 发布
阅读量845 收藏
点赞数 1
分类专栏： 小白前端开发笔记 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s2422617864/article/details/114382999
版权

有关scroll-view失效的问题

正常可以滚，父元素设置position：fiexd后无法滚动；
一开始以为是fiexd的原因；
然而并不是 本身scroll就没有生效，而是容器在移动；
仔细阅读文档；
在这里插入图片描述

        <scroll-view class="history" style="height: 1000rpx;" scroll-y="true" scroll-with-animation scroll-top="{{scrollTop}}" >

ok

火腿肠烧烤大赛冠军
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序scroll-x失效的完美解决方法
12-03
失效的scroll-x 在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。  然而，在实际开发中，发现并不是这么简单。。。贴上部分wxml和wxss代码…   <!-- 横向滚动商品 --> <scroll class='scroll-box'> <view class='box'> <view class='box-hd'> <image src='https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/i
微信小程序scroll-view组件实现滚动动画
08-28
微信小程序 scroll-view 组件实现滚动动画 微信小程序 scroll-view 组件是一种常用的滚动容器组件，通过设置 scroll-into-view 和 scroll-with-animation 属性可以实现滚动动画效果。在本文中，我们将详细介绍如何...
微信小程序 scroll-view 失效
weixin_44291886的博客
07-12 424
scroll-view失效 今天做scroll-view怎么都滑动不成功给设置display:flex,子集依然排不成一排，后来查了资料必须设置 whtie-space:nowrap使他的子集不能换行同时给子集设置 为行内块级元素，这样才能设置成功。 ...
小程序scroll-view失效
leechoy
08-16 1174
横向滑动 要点：外层设置：white-space:nowrap;dispaly:flex; 内层设置：display:inline-block; <view> <scroll-view scroll-x="true" style="height:50rpx; white-space:nowrap ;display:flex;" > <view style="display:inline-block ;color:red;">niaho</view&
ios系统微信小程序scroll-view划不动的问题
每天都记录一点点！
02-04 5394
这段时间开发个微信小程序的点餐系统，因为只需要小程序版本，所以就用原生的小程序写了，过程中遇到了几个问题和坑，就总结一下，方便来后者。 商品分类和商品列表的左右联动，像美团和饿了么那样的交互，点击某个分类滑动到对应的商品列表，随意滑动商品列表商品分类也会做对应的切换，我个人的实现方案如下： 要用到scroll-view的to-view属性 每个商品的高度都是固定的，所以要开始计算好每个类目对应的商品列表的高度，在滑动商品的时候实时获取scrollTop,然后再让商品分类列表做对应的切换 主要代码如下：
小程序采坑之scroll-x失效
javaScript_go的博客
07-18 710
scroll-x失效使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动,按照文档写效果一直出不来,而且在scroll-view上添加flex都失效了解决办法重点 "display:inline-block" 使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动,按照文档写效果一直出不来,而且在scroll-view上添加flex都失效了 <scroll-view scroll-x class="
小程序---解决scroll-view无法滚动
maidu_xbd的博客
01-21 3833
需要在<scroll-view>标签里设置scroll-y或者scroll-x <scroll-view scroll-x class="module-scroll-view">...</scroll-view>
uniapp scroll-view滚动条不显示及IOS中问题
細水、長流√的专栏
02-27 3509
最近在对小程序进行一些优化，发现 scroll-view 的两处问题1、IOS手机下scroll-view会存在上拉加载时卡顿情况2、IOS手机下scroll-view会存在点击不触发 navigator-hover 里的css没有找到什么好的解决办法，故只有用view替代了scroll-view。
解决微信小程序scroll-view换行问题
01-03
今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下： ...在网上搜索了一下小程序scroll-view文字不能换行的问题后，发现原来是小程序组件有一个默认的样式 white-space: nowr
微信小程序scroll-view实现字幕滚动
01-03
本文实例为大家分享了微信小程序scroll-view实现字幕滚动的具体代码，供大家参考，具体内容如下 需求： 实现框内的文字自下而上的自动循环滚动。 解决方案： demo:字幕滚动 通过控制滑动条来完成字幕滚动，通过...
微信小程序完美解决scroll-view高度自适应问题的方法
10-14
主要介绍了微信小程序完美解决scroll-view高度自适应问题的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序 scroll-view的使用案例代码详解
10-15
【微信小程序 `scroll-view` 的使用详解】 在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它提供了一个可滚动的视图容器，能够处理复杂的滚动需求，包括横向和纵向滚动。本文将深入探讨 `scroll-view` ...
uniapp中scroll-view滚动失效解决方法
m0_43377799的博客
04-13 4294
uniapp中scroll-view滚动失效解决方法
微信小程序入门使用及常见问题整理（例如：scroll-view 横向滑动不生效）
weixin_44258964的博客
09-15 1206
微信小程序入门使用 常见问题解决
uniapp/微信小程序 scroll-view 设置scroll-x 失效问题解决
本博客只是个人的知识点的小总结，方便自己查阅，能帮助到你是最好的，如果有不正确之处，欢迎你的指正
03-30 1881
实现一个横向滑动的scrollview，直接给scroll-view设置 scroll-x ，但是并没有实现想药实现横向滑动的效果，先看代码。
微信小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题
Joan_OvO的博客
05-10 2794
4.包裹 scroll-view 的大盒子有明确的宽和加上样式--> overflow:hidden;3.scroll-view 中的需要滑动的元素要用 dislay:inline-block;进行元素的横向编排；2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex;1.scroll-view 中的需要滑动的元素不可以用 float 浮动；
微信小程序真机问题
花铛
01-25 1404
解决方法：如果是想监听 bindscrolltolower 事件，可以通过将 的数值设置得大一些；如果是想监听 bindscroll 事件，暂时没有解决方法。解决方法：使用 替代 。解决方法：可以在 或者 中设置 backgroundColor/backgroundColorTop/backgroundColorBottom。例如：如果不处理 IOS 底部安全距离兼容的问题，那么 iPhone X 之后的苹果机型将会出现底部操作栏被底部横条遮挡的问题。 解决方法： 创建一个安全距离的自定义组件，
微信小程序使用scroll-view导致吸顶无效或vant-sticky吸顶无效
rb0518的博客
08-27 4647
记录一次在做 微信小程序开发时，在没有使用scroll-view的时候，我们使用vant-sticky做吸顶效果的时候可以正常使用。在做回到顶部时，需要拿到实时的滚动距离，这时候就得使用上scroll-view了。我们可以看到Vant Weapp也是非常的细心，帮我们做了解答。但是当我们使用scroll-view时，突然发现吸顶失效了。属性可以实现在 scroll-view 内嵌套使用。我们先清楚为什么要使用scroll-view？好了，是不是非常简单，有任何问题欢迎下方评论。...
解决微信小程序Scroll-view组件flex布局不生效
zhang1339435196的博客
03-23 5230
解决项目中碰到的一个问题： Scroll-view组件flex布局不生效 解决办法： 设置scroll-view组件的enable-flex <scroll-view scroll-x="true" class="category" enable-flex="true"> <view wx:for="{{categoryData}}" wx:key="{{index}}"...
微信小程序scroll-view scroll-into-view
最新发布
10-13
微信小程序中的 scroll-view 组件可以实现滚动视图的效果，而 scroll-into-view 属性可以让指定的某个子组件滚动到视图中。当 scroll-into-view 的值为某个子组件的 id 时，该子组件就会滚动到 scroll-view 的顶部或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值