IOS14 微信小程序 scroll-view 不滚动的问题

最新推荐文章于 2023-05-10 11:31:18 发布
最新推荐文章于 2023-05-10 11:31:18 发布
阅读量708 收藏
点赞数
文章标签： css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013611033/article/details/110918789
版权
博客指出需查找样式里z-index等于 -1 或小于0的情况，将其改成0或不设置层级，同时要注意scroll - view外部父级div也需检查。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

找找你的样式里面的包含z-index=’-1’或者小于0的情况，需要改成0,或者不给层级，注意scroll-view 外部的父级div也包括。

微信小程序开发系列（十二）·屏幕滚动scroll-view 组件的使用
时光の尘的博客
03-02 2万+
网页中的滚动条效果，用户可以通过手指滑动或者点击滚动条来滚动内容。scroll-view:可滚动视图区域,适用于需要滚动展示内容的场景,用于在小程序中实现类似于。在微信想小程序中如果想实现内容滚动，需要使用 scroll-view 组件。① scroll-x： 允许横向滚动。② scroll-y： 允许纵向滚动。框住部分能够上下滚动。
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
10-17
其中，scroll-view是微信小程序提供的一个用于实现滚动视图的组件，它支持垂直和水平滚动。但是，在实际开发中，开发者经常遇到一些问题，比如如何使scroll-view实现横向滚动，以及如何隐藏滚动条，来达到美观的效果...
IOS14微信小程序scroll-view 不滚动
qgbihc的专栏
09-23 705
现象 IOS手机版本升级为14后，原来好好的scroll-view变得不能滚动了。 调查 通过建立一个新的画面，同样使用scroll-view，不添加多余元素。发现能够正常的滚动。 然后，逐渐增加画面内容，终于找到了原因。 在scrool-view 甚至的样式中，class内有如下定义： .scrol-v { position: fixed; z-index: -1; top: 45px; bottom: 100px; } 把z-index改为1后边的正常。 ...
微信小程序的scroll-view不能滚动问题
热门推荐
qq_36356379的博客
03-23 1万+
最近搞了一个多周的微信小程序算是入门了吧，因为之前自学过js和css，所以上手比较快，语法跟VUE挺像的，下面说说期间遇到的一些问题吧。 一、scroll-view没有显示全，但是不能滚动 确定你想实现的滑动方向，检查一下scroll-x或者scroll-y有没有写(scroll-x:true 支持横向滑动 scroll-y:true 支持竖向滑动) 检查一下是不是没有给scroll-vie...
微信小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题
Joan_OvO的博客
05-10 3143
4.包裹 scroll-view 的大盒子有明确的宽和加上样式--> overflow:hidden;3.scroll-view 中的需要滑动的元素要用 dislay:inline-block;进行元素的横向编排；2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex;1.scroll-view 中的需要滑动的元素不可以用 float 浮动；
微信小程序-scroll-view滚动到指定位置（类似锚点）
03-29
本文作者：莫兰迪不会没有瓶子，来自原文地址 先来说一下官网例子吧 ...scroll-view竖向滚动必须设置scroll-y="true" style="height: 200rpx;" 必须.. style="height: 200rpx;" 必须为200rpx/200px 不能用百分号 js中
微信小程序scroll-view的滚动条设置实现
10-15
本文主要探讨了如何在微信小程序的 `scroll-view` 组件中设置滚动条的样式和行为，尤其是在 Android 和 iOS 平台上的差异处理。 首先，微信小程序的官方文档并未直接提供控制 `scroll-view` 滚动条显示和样式的属性...
微信小程序中scroll-view中不设定高度实现自动滚动
09-17
### 微信小程序中scroll-view实现自动滚动及高度自适应 #### 一、问题背景与需求分析 在微信小程序开发过程中，经常会遇到需要使用`scroll-view`组件来展示可滚动内容的需求。通常情况下，为了使`scroll-view`能够...
微信小程序view-scroll的ios真机点击跳转返回之后无法滚动
一梦成回忆
12-29 652
微信小程序view-scroll的ios真机点击跳转返回之后无法滚动 <scroll-view scroll-y="true" @scrolltolower='toBottom' class="scrollView" lower-threshold='5' @refresherrefresh='pullResert' refresher-enabled="true" :refresher-triggered="triggered"> //列表list
微信小程序iOS下拉白屏晃动问题解决方案
12-13
这篇文章主要介绍了微信小程序iOS下拉白屏晃动问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 问题 感觉ios的小程序每个页面都可以下拉出现白屏 有时页面带有滑动的属性会跟着晃动，体验不是很好 解决办法： 先禁止页面下拉 <config> { navigationBarTitleText: "购物车", disableScroll:true } </config> 这样的话页面整个都拉不动了，下面溢出的内容就拉不出来了，此时用overflow：scroll间接滑动 .content{ width
ios-微信小程序三个视图控件View、ScrollView、Swiper的示例代码.zip
07-11
微信小程序中三个视图控件View、ScrollView、Swiper的使用示范，及各个参数配置，附带教程和完善的代码注释。具体教程请在http://bbs.html51.com/t-505-1-1/这里查看。
微信小程序 -- scroll-view组件在ios上无法滑动的坑
weixin_44622984的博客
12-14 7781
当我们的scroll-view组件在页面中使用,且页面.json设置为页面可滑动时或可触发下拉刷新时 "enablePullDownRefresh ": true, "disableScroll":true, 会出现我们的scroll-view组件在ios真机上会出现卡死,无法滑动的问题 造成这个的原因是因为ios系统内核允许我们将页面进行下拉,可以拉出一段空白的区域,这个时候如果我们滑动下拉页面,会认为我们是在使用ios的下拉,而不会拉动我们的scroll-view组件 要避免这个问题就必须在页面.j
微信小程序 scroll-view失效问题
black1java的博客
02-02 753
记录嵌套在swiper-item里面的scroll-view失效问题，height设置为。在css中加入以下代码 可以隐藏滚动条。scroll-view 使用步骤。
关于微信小程序 scroll-view 在IOS中所存在的一些问题
weixin_43311271的博客
05-21 7545
最近在对小程序进行一些优化，发现 scroll-view 的两处问题 1、IOS手机下scroll-view会存在上拉加载时卡顿情况 暂时解决方法(设置高度为100%，问题：设置后不能触发上拉触底事件)： <scroll-view scroll-y="true" style="height:100%"> </scroll-view> ...
微信小程序=====》解决部分苹果机型屏幕无法滑动问题(底部黑条)
Willow_Spring的博客
07-29 2575
部分苹果机型的手机手势导航会导致小程序下方有一个小黑条，并且此时屏幕无法滑动，这时候给内容套一层scrollview即可，若是自定义的顶部底部导航栏，则用calc计算高度即可.。 scroll view必须给高度 calc(100vh - 100rpx) ...
微信小程序---scroll-view在苹果手机上触底或触顶页面闪动问题
10-08 1525
在项目开发中遇到一个关于scroll-view的的问题，具体如下： 项目要求是横向滚动，由于直接在scroll-view组件设置display：flex不生效，因此考虑直接在scroll-view下增加一个wrap，将所有的item放在wrap内， 将wrap设置为display：flex,这种方式在安卓手机不会导致任何问题，在苹果手机样式也不会有什么问题，但是当item的个数较多导...
iOS学习笔记－－－UIScrollView 常见属性 不能滚动 常见代理方法
fool宋的专栏
08-23 3038
手机屏幕大小是十分有限得
小程序scroll-view设置flex-grow：1时滚动失效
weixin_42317515的博客
03-15 2275
有时候我们想让scroll-view占满屏幕剩余部分，于是就想到了flex-grow：1，但是发现在开发工具上有效，但是到了真机上就不能滚动了。 原因时scroll-view设置纵向滚动时必须要设置一个具体的高度。 解决方案: 给scroll-view加一个父元素，设置flex-grow：1，在页面加载时获取父元素的高度并赋值给scroll-view。 <view class="sc...
微信小程序 scroll-view ios 弹性
最新发布
03-18
### 微信小程序 `scroll-view` 组件在 iOS 设备上的弹性效果问题分析 #### 1. 弹性效果的表现与原因 在微信小程序中，`scroll-view` 的默认行为会在滚动超出边界时表现出一种“回弹”的效果，这种现象尤其明显于 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值