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

1.预测失效原因scroll-view包裹的view高度设定的是百分比，到手机上无法正常获取高度

2.解决办法，写死view的高度

获取手机屏幕的高度，然后减去其它view的高度。就是scroll-view所需的实际高度。

const res = uni.getSystemInfoSync();
let windowHeight = res.windowHeight//获取手机屏幕高度

需要的高度 = windowHeight - 其它div高度 - res.statusBarHeight（手机状态栏高度）

uniapp中scroll-view滚动失效解决方法相关推荐

Win11中Win+左右键失效解决方法
在win11中,如果win+左右键失效,可能是贴靠窗口设置中将贴靠窗口关闭了,只需要将其打开就好了,如下图所示:
H5中 video 使用border-radius失效解决方法
添加下面
【NGUI基础知识】—Scroll View(滚动视图)详解
下面给大家分享下NGUI中Scroll View(滚动视图)中的各功能属性,帮助大家去理解及使用. ScrollView属性 1.Content Origin: 控制 panle 相对的 Scroll ...
前端开发中遇到的问题及解决方法
前端开发中遇到的问题及解决方法 1,何为MVVM? view层: 视觉层:在前端开发中,通常是DOM层:主要作用是给用户展示各种信息: Model层: 数据层:数据可能是我们固定的死数据,更多的是来自 ...
android百度地图覆盖物异步加载图片,Android 百度地图marker中图片不显示的解决方法(推荐)...
目的: 根据提供的多个经纬度,显示所在地的marker样式,如下: 问题: 1.发现marker中在线加载的图片无法显示出来: 2.获取多个对象后,却只显示出了一个marker: 以下为官网实现方法: ...
加mp4文件后js失效_Jquery方法load之后导致js失效解决方法
Jquery方法load之后导致js失效解决方法 >>>>>>>>>>>>>>>>>>> ...
php mysql中文排序失效解决方法convert(name USING gbk)
php mysql中文排序失效解决方法convert(name USING gbk) 在php中经常用到中文排序,当mysql使用的默认utf8编码时,如果直接order by 中文字段排序,排序结果 ...
pycharm翻译插件失效解决方法
pycharm翻译插件失效解决方法: 习惯用pycharm写程序的应该都知道一个翻译插件--Translation,可是最近发现翻译用不了了,我就开始着手探究解决这个问题. 原因经过四处打寻,判定谷 ...
移动端网页布局中需要注意事项以及解决方法总结
移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a.input标签被点击时产生的半透明灰色背景怎么去掉 <meta name=&qu ...
在Ubuntu17.04中遇到无法清空回收站解决方法
在Ubuntu17.04中遇到无法清空回收站解决方法参考文章: (1)在Ubuntu17.04中遇到无法清空回收站解决方法 (2)https://www.cnblogs.com/Chan94/p/9 ...

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

uniapp中scroll-view滚动失效解决方法相关推荐

最新文章

热门文章