记录微信小程序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);无效问题
文章URL:http://azwzsj.com/article/gsgcgj.html