我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

记录微信小程序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://shouzuofang.com/article/gsgcgj.html

其他资讯