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

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

成都创新互联公司是一家专业提供龙南企业网站建设,专注与成都网站建设、网站设计、html5、小程序制作等业务。10年已为龙南众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

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

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


  
  
  

page {
  height: 100%;
}
.videoList {
  height: calc(100% - 480rpx);
}

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

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

总结

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


当前文章:记录微信小程序height:calc(xx-xx);无效问题
文章源于:http://csruizhi.cn/article/gsgcgj.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都品牌网站设计 网站制作 成都企业网站建设 梓潼网站设计 高端网站设计 外贸网站设计方案 广安网站设计 成都网站设计 成都商城网站制作 成都网站建设 网站制作公司 四川成都网站制作 企业手机网站建设 攀枝花网站设计 成都网站建设公司 上市集团网站建设 网站设计 成都网站设计 成都企业网站设计 营销网站建设 H5网站制作 成都网站制作