小程序禁止页面拉动（非禁止小下拉刷新）

最新推荐文章于 2024-07-08 11:32:27 发布
最新推荐文章于 2024-07-08 11:32:27 发布
阅读量1k 收藏 1
点赞数
文章标签： 小程序禁止页面拉动（非禁止小下拉刷新） 
"disableScroll": true

在微信小程序中，用力往下拉动，页面顶部会出现一段空白的地方。

这个时候可以在当前页面的json文件里面，加上

但是这里注意的是，在app.json里面写上这个属性并不会生效，一定要在需要禁止的页面的json文件加上才会生效

enablePullDownRefresh （下拉刷新） 和 disableScroll 同时为true的时候 下拉刷新不会生效
在模拟器上面测试 下拉刷新是可以的，但是在真机测试， 下拉刷新是不会生效的

终是后来居上
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序开发之视频开发 适配、禁止拖动进度
03-29
小程序拥有着自己封装的一套控件,和html控件大致相似但是也有很多不同之处. 直接进入正题 小程序的video标签认宽度300px、高度225px，设置宽高需要通过wxss设置width和height。 但是各种机型不同的屏幕就需要进行适配,小程序也提供了一个方法用来获取手机的信息的方法,其中也包含了宽和高 videoWidth 和videoHeight 就是根据比例适配出来的宽和高 直接使用代码就OK //获取屏幕宽高 wx.getSystemInfo({ success: function (res) { var windowWidth = res.windowWidth; //video
小程序自定义导航,下拉刷新,以及页面跳转功能
03-27
在小程序开发中，自定义导航、下拉刷新和页面跳转是常见的功能需求，这些功能的实现对于提升用户体验和优化应用交互至关重要。以下是对这些知识点的详细解释： **1. 小程序自定义导航** 在微信小程序中，系统默认...
微信小程序——禁止页面滚动
qq_43201350的博客
10-24 5744
1、页面json 中 配置 disableScroll （官方自带） 设置为 true 则页面整体不能上下滚动。 只在页面配置中有效，无法在 app.json 中设置 json 文件 { disableScroll： true } 2、设置wxss样式 wxml文件 <view class="noScrolling">我是页面</view> wxss文件 .noScrolling { overflow: hidden; height: 100vh; } ...
微信小程序禁止ios自带的下拉
最新发布
到点睡觉了的博客
07-08 254
解决办法： 1.在index.json中添加"disableScroll": true
小程序 disablescroll ios 上下禁止滑动
tabweb的博客
06-09 3351
页面的设置 disablescroll:true（需要配合设置 enablePullDownRefresh：false ） 可以实现页面上下不能滑动 另一种实现方法： 设置页面的根元素 绝对定位， position:fixed; top:0; bottom:0; left:0; right:0; scroll:hidden; ...
小程序如何做到用css来禁止页面下拉
qq_52181663的博客
09-28 272
有时候我们会遇到某些情况下，禁止页面下拉的情况，但是用小程序的禁止下拉不好用？可以把这个页面的样式，用定位：固定定位来实现。这时可以用css来实现。
微信小程序新坑-禁用部分页面的下拉刷新
u012746918的博客
01-18 2204
1.全局配置默认启用所有页面的下拉刷新 2.在需要禁用下拉刷新的页面禁用下拉刷新     ...
微信小程序页面禁止滑动
辽辽无期的博客
06-01 2012
【代码】微信小程序页面禁止滑动。
微信小程序下拉刷新PullDownRefresh的使用方法
10-17
在微信小程序中，下拉刷新（PullDownRefresh）是一个常用的功能，它允许用户在页面顶部向下拉动以加载新的数据或更新已有数据。本篇文章将详细讲解如何在微信小程序中实现下拉刷新，包括使用`onPullDownRefresh`回调...
小程序-下拉刷新，tab切换
06-12
在微信小程序开发中，下拉刷新（Pull-down Refresh）和Tab切换是常见的功能，用于提升用户体验和内容的交互性。本文将深入探讨这两个关键知识点，以及如何在微信小程序环境中实现它们。 1. **下拉刷新（Pull-down ...
微信小程序下拉刷新上拉加载组件.zip
01-11
下拉刷新是用户通过在屏幕顶部向下拉动来触发页面内容更新的机制。在微信小程序中，可以使用wx.startPullDownRefresh API 来启用这个功能。开发者需要在对应的Page的onPullDownRefresh方法中编写更新数据的逻辑，并...
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
总之，通过结合`scroll-view`组件和微信小程序的API，我们可以轻松实现具有下拉刷新功能的界面，为用户提供更加流畅的数据更新体验。在实践中，开发者可以根据需求调整和扩展这个功能，打造更加个性化的交互设计。
css控制手机端禁止页面下拉刷新，且不影响页面正常滑动
asd123asd098qwe的专栏
03-21 201
在body处添加样式，设置body高度。在需要滑动的内容元素处添加样式。
微信小程序-禁止页面下拉回弹
1234Wu--Blog
05-10 1178
微信小程序-禁止页面下拉回弹,主要是。
微信小程序——小实现(禁止页面滚动、长按复制、长按识别二维码)
Joyce的前端日常
10-17 9286
###1. 禁止页面滚动 对于小程序某些一屏的页面，特别是全屏的swiper，并不希望页面在竖直方向上可以滚动。 实现方式： 在需要禁止滚动页面的json中加入： &quot;disableScroll&quot;: true 注意：只在页面配置中有效，无法再app.json中设置该项 参考：https://developers.weixin.qq.com/miniprogram/dev/framework/con...
微信小程序坑，下拉刷新和页面滚动冲突解决
wangqq335的博客
02-12 6384
小程序页面的下拉刷新和页面的滚动冲突了，页面只能往上滑，下拉时候触发了下拉刷新方法 解决方式： 标签外包一层 &lt;scroll-view scroll-y="true" class='list'&gt; &lt;/scroll-view&gt; .list{ width: 100%; background: #f2f2f2; font-size: 14px; position...
微信小程序 解决disableScroll无法禁止小程序下拉的问题和视频铺满全屏尺寸
w36680130的博客
03-23 498
微信小程序 解决disableScroll无法禁止小程序下拉的问题和视频铺满全屏尺寸
微信小程序page禁止页面上下滑动
S筱潇S四维Smile
04-22 5566
在单页面设置disableScroll为true即可; 则页面整体不能上下滚动。只在页面配置中有效，无法在 app.json 中设置 在需要的页面的json文件里添加即可： { "disableScroll":true }
⑥微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件
weixin_42017221的博客
10-23 1435
上拉触底是移动端的专有名称，通过手指在屏幕上的滑动操作，从而加载更多数据的行为。简言之：当手机浏览页面时，需要下滑得到更多内容，当滚动条滚动到下面多少的距离需要自动加载下一页，这个距离就是上拉触底的距离。默认距离为50px，如果没有特殊需求，建议使用默认值即可。
uniapp小程序页面下拉刷新
10-29
uniapp小程序页面下拉刷新是指用户在小程序页面中下拉屏幕时，可以触发一个刷新操作，以更新页面内容。在uniapp中，可以通过定义onPullDownRefresh处理函数来监听该页面用户下拉刷新事件。同时，在需要添加下拉刷新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值