微信小程序宽高百分百,解决页面仍然可滑动问题
来源:互联网 发布:网络在线电台广播收听 编辑:程序博客网 时间:2024/06/18 10:58
很多时候,我们会希望将内容充满整个屏幕(高度、宽度100%),如下图
但是我们设置好page{height:100%;}发现页面并不是满屏,反而好像是溢出了,导致真机测试的时候可以上下滑动。
想要解决这个问题,我们加入一行css代码即可。
position: fixed;
示例:
wxml文件
<view class="bgView"> <image src='./../../images/temporaryImages/indexBg.png' class='indexBgImg'></image> <form name='pushMsgFm' report-submit bindsubmit='logInSubmit'> <button form-type="submit" class='logInButton'>登录</button> </form> </view>
wxss文件
page { width: 100%; height: 100%;}.bgView { position: fixed; height: 100%; width: 100%;}.indexBgImg { width: 100%; height: 100%;}.logInButton { position: absolute; width: 40%; top: 65%; left: 30%; background-color: #4f758a; color: white; font-size: 28rpx; opacity: 0.8;}
阅读全文
0 0
- 微信小程序宽高百分百,解决页面仍然可滑动问题
- asp.net退出登陆(解决退出后点击浏览器后退问题仍然可回到页面问题)
- asp.net 退出登陆(解决退出后点击浏览器后退问题仍然可回到页面问题)
- asp.net 退出登陆(解决退出后点击浏览器后退问题仍然可回到页面问题)
- asp.net 退出登陆(解决退出后点击浏览器后退仍然可回到页面问题)
- 百分百解决解决JSP中文乱码问题
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 解决ViewPager.serCurrentItem滑动页面不顺滑问题
- 解决移动端页面滑动穿透问题
- 微信小程序swiper滑动页面
- 参考解决iOS7中scrollView设置了contentSize后仍然不能滑动的问题
- 微信小程序 监听手势滑动切换页面
- 解决自定义可左右滑动cell时和tableview的滑动手势冲突问题
- iOS开发中解决滑动页面时候卡顿掉帧问题
- 解决手机页面overflow scroll滑动很卡的问题
- 解决Fragment +Viewpager滑动页面重复加载的问题
- 解决双缓存仍然闪烁的问题
- 一文搞懂HMM(隐马尔可夫模型)
- Jupyter环境配置error
- sublime text3 xml格式化插件
- 【Oracle】添加注释(COMMENT ON)
- IOS 异步同步执行和并行串行队列的不解之缘
- 微信小程序宽高百分百,解决页面仍然可滑动问题
- overload与override(方法重载与方法重写)
- HTML Meta中添加X-UA-Compatible有什么作用?
- CppPrimer自学(2)文件流
- 仿今日头条——其他页面F234
- 浅析java8中HashMap的结构
- asp.net mvc 下载文件并不打开下载页面
- Java经典面试题总结——未完待续
- Error getting authority: Error initializing authority: Could not connect: No such file or directory