记录微信小程序 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 相关文章推荐
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
javascript实现添加附件功能的方法
Nov 18 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
react-router实现按需加载
May 09 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
vue 实现小程序或商品秒杀倒计时
Apr 14 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
2015/03/19 Javascript
jquery实现简单Tab切换菜单效果
2020/07/17 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
puppeteer库入门初探
2019/01/09 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
python二叉树遍历的实现方法
2013/11/21 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
python 将list转成字符串,中间用符号分隔的方法
2018/10/23 Python
python绘制中国大陆人口热力图
2018/11/07 Python
详解如何设置Python环境变量?
2019/05/13 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
python异步Web框架sanic的实现
2020/04/27 Python
python Timer 类使用介绍
2020/12/28 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
美国和加拿大房车出售在线分类广告:RVT.com
2018/04/23 全球购物
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
养生餐厅创业计划书范文
2014/03/26 职场文书
运输服务质量承诺书
2014/03/27 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
单位在职证明书
2014/09/11 职场文书
普通党员对照检查材料
2014/09/24 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
出纳工作检讨书
2014/10/18 职场文书
合作协议书范本
2014/10/25 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书