【uniapp】禁止页面上下滚动

最新推荐文章于 2024-03-28 22:13:54 发布

Y_coder

最新推荐文章于 2024-03-28 22:13:54 发布

阅读量3.2k

点赞数 1

分类专栏： uni - app 文章标签： uni-app 前端 html

本文链接：https://blog.csdn.net/qq_44632227/article/details/134121308

版权

uni - app 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

是用"disableScroll": true属性控制，该属性默认为 false
设置为 true 则页面整体不能上下滚动（bounce效果），只在页面配置中有效，在 globalStyle 中设置无效。

{
	"path": "pages/assess/signatureBoard",
	"style": {
		"navigationBarTitleText": "签字",
		"disableScroll": true
	}
},

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Y_coder

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【uniapp】禁止页面上下滚动

则页面整体不能上下滚动（bounce效果），只在页面配置中有效，在。属性控制，该属性默认为。
复制链接

扫一扫

专栏目录

uni-app - APP平台禁止页面滑动（无法上下滚动屏幕页面）

王佳斌

12-23

1万+

前言注意：仅 APP 平台，在 pages.json 中进行配置。有些时候，我们需要将页面固定住，让用户无法下拉与滚动页面。全局配置在 globalStyle 中进行配置，便是所有页面均有效。 "globalStyle": { "app-plus": {//app平台 "bounce": "none"//禁止滚动 } }, 局部配置在该页面 style 中进行配置，仅对该页有效。 "path": "pages/login/login", "style": { "app-plus":

uni-app实现滑动切换效果

weixin_59702843的博客

06-18

8195

uni-app框架了解实现一个滚动切换tab效果，这个很常见的一个效果，最后封装成一个组件，便于之后使用，写这个须要引入uni官方提供的uni.css样式，用到了写好的样式，就不须要本身写了css

参与评论您还未登录，请先登录后发表或查看评论

uniapp禁止页面滑动的方法：

nelly521的博客

10-17

1375

{ "path": "pages/client/product/product_equity", "style": { "navigationBarTitleText": "产品介绍", "navigationStyle":"custom" , "transparentTitle": "always", "titlePenetrate": "YES", "enablePullDownRefresh": false,//禁止下滑刷屏 "navigationBa

uniapp——uniapp 禁止当前页面滚动

最新发布

qq_43201350的博客

03-28

938

uniapp——uniapp 禁止当前页面滚动

【uniapp】禁止遮罩层下的页面滚动解决办法

Brod-Roy的博客

02-27

8306

不少朋友在日常工作中都会遇到需要自定义弹窗的时候，当开启弹窗后，却发现存在弹窗下的页面依旧可以被触发滚动的问题，以下是相关的解决方法。

uniapp-微信小程序关于禁止ios自带的下拉上拉（橡皮筋回弹）

m0_61702149的博客

08-26

1万+

微信小程序禁止 ios 自带的下拉上拉回弹

快速上手uni-app,基础知识，基本使用

搬砖猴哥

12-26

1万+

####uni-app的基本使用视频链接：uni-app配套视频知识介绍：环境搭建页面外观配置数据绑定 uni-app的生命周期组件的使用 uni-app中样式学习在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件导航跳转组件创建和通讯，及组件的生命周期 uni-app中使用uni-ui库 uni-app介绍官方网页 uni-app 是一个使用 ...

Uniapp 横向滚动抽奖页面组件引用即可全端

09-26

引入组件即可 <TC-choujiang></TC-...里面的商品图片和被抽出商品跳转页面按照实际情况进行修改。商品图片可以从数据库中获取进行赋值即可位置：uni_modules/TC-choujiang/components/TC-choujiang/TC-choujiang

uniapp 仿抖音上下滑动视频.zip

03-12

uniapp 仿抖音上下滑动视频

Uniapp微信小程序滚动条跳转到元素高度

09-04

Uniapp框架的针对微信小程序的使滚动条跳转到指定元素位置。直接复制粘贴内容，然后配置好page.json。就可以直接查看效果。

uniapp实现横向滚动选择日期

01-18

本文实例为大家分享了uniapp实现横向滚动选择日期的具体代码，供大家参考，具体内容如下 1.方法封装 common.js //获取当前时间，格式YYYY-MM-DD HH:MM:SS const GetNowTime = time => { var date = time, year = ...

vue中移动端禁止页面滚动

01-20

vue中移动端禁止页面滑动穿透 1 通过样式 // 禁止滚动 stop () { var mo = function (e) { e.preventDefault() } let cssStr = 'overflow-y: hidden; height: 100%;' document.getElementsByTagName('body')...

uniapp-微信小程序实现swiper左右滚动切换tab，上下滚动加载列表

weixin_51002293的博客

11-05

4018

也需要自定义，由于目前我的系统自带的还是正常的，所以还没有改造，但是体验没有scroll-view的好，因为顶部tab会遮挡下拉刷新的loading状态，后期再改造。3. 每个tab下的list的加载完成状态也需要隔离开，否则导致tab1切换到tab2以后，tab2将控制加载完成的状态改为true后，返回tab1无法加载第2页了。2. 由于最开始的代码是每次切换tab后都会重新请求，导致swiper还没切换成功的过程中，显示的列表错误。1. swiper高度问题，导致滑动不到最底部和最顶部。

uniapp uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。

热门推荐

qq_43807473的博客

05-10

2万+

uniapp uview使用u-popup组件当开启遮罩层禁止下层页面跟着滚动。 uniapp 弹框禁止页面上下滚动

uniapp小程序—禁止ios滑动

hzqzzz的博客

12-30

928

禁止ios默认滑动

uniApp禁止遮罩弹窗下的页面滚动

07-27

1707

uniApp禁止遮罩弹窗下的页面滚动

uniapp遮罩层实现以及禁止页面滚动

duanwencai的博客

06-26

1104

弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动，给当前遮罩层添加catchtouchmove="true"便可。不过在电脑上调试是无效，因为这是触摸事件，需要在手机端测试，预览生成开发版，用手机微信扫描即可看到效果。

uni-app实现禁止弹出框滚动穿透

qq_31647491的博客

10-14

2772

在uni-app开发中，经常会使用弹出框、遮罩层以及日期选择器等组件，但在这些组件中可能会出现滚动穿透的问题。滚动穿透是指当组件内的内容滚动到底部时，继续滑动会导致底层页面的滚动，这可能会影响用户体验。

uni-app 按钮固定在页面底端

07-27

要在 uni-app 中将按钮固定在页面底部，你可以使用 `position: fixed;` 和 `bottom: 0;` 来实现。下面是一个示例代码： ```html <template> <view>  </view> <view class="fixed-btn">  </view> </template> <style> .fixed-btn { position: fixed; bottom: 0; width: 100%; height: 50px; background-color: #FF0000; color: #FFFFFF; text-align: center; line-height: 50px; } </style> ``` 在上面的示例中，我们将按钮放在页面的底部，并使用 `position: fixed;` 将其固定在底部。`.fixed-btn` 类设置了按钮的样式，你可以根据需要进行调整。请注意，固定在页面底部的按钮可能会遮挡部分内容，因此你可能需要适当调整页面布局来避免这种情况。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交