记录微信小程序 height: calc(xx - xx);无效问题


Posted in Javascript onDecember 30, 2019

遇到一个小问题,记录一下

问题:在微信小程序中使用scroll-view标签时,用height:cale(xx - xx)设置高度无效,在page中设置高度为百分百依旧无效

解决办法:直接在最大的view标签中设置高度为百分百即可

<view style="height:100%;">
  <!-- 视频列表 -->
  <scroll-view class="videoList" scroll-y>
  </scroll-view>
</view>
page {
  height: 100%;
}
.videoList {
  height: calc(100% - 480rpx);
}

知识扩展:jquery点击添加样式,再次点击移除样式

$("#divSetting").on("click", function () {
  $(this).toggleClass("open");
 });

总结

以上所述是小编给大家介绍的记录微信小程序 height: calc(xx - xx);无效问题,希望对大家有所帮助!

Javascript 相关文章推荐
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
4个顶级开源JavaScript图表库
Sep 29 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
VUEX-action可以修改state吗
Nov 19 Javascript
JS三级联动代码格式实例详解
Dec 30 #Javascript
JavaScript监听触摸事件代码实例
Dec 30 #Javascript
微信公众号服务器验证Token步骤图解
Dec 30 #Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 #Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 #Javascript
微信小程序实现一个简单swiper代码实例
Dec 30 #Javascript
JavaScript switch语句使用方法简介
Dec 30 #Javascript
You might like
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
php中Ctype函数用法详解
2014/12/09 PHP
PHP 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
javascript hashtable实现代码
2009/10/13 Javascript
jquery 问答知识整理
2010/02/11 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
2013/01/11 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
分享纯手写漂亮的表单验证
2015/11/19 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
IE8中jQuery.load()加载页面不显示的原因
2018/11/15 jQuery
学习node.js 断言的使用详解
2019/03/18 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
2020/06/11 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
[02:10]2018DOTA2亚洲邀请赛赛前采访-Liquid
2018/04/03 DOTA
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
在Python中使用模块的教程
2015/04/27 Python
Python 文件管理实例详解
2015/11/10 Python
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
简单易懂的python环境安装教程
2017/07/13 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
python实现文法左递归的消除方法
2020/05/22 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
师范毕业生自荐信
2013/10/17 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书