欢迎来到入门教程网!

JavaScript

当前位置:主页 > 网络编程 > JavaScript >

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

来源:本站原创|时间:2020-01-10|栏目:JavaScript|点击:

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

问题:在微信小程序中使用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);无效问题,希望对大家有所帮助!

上一篇:详解Vue的watch中的immediate与watch是什么意思

栏    目:JavaScript

下一篇:jQuery模仿ToDoList实现简单的待办事项列表

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

本文地址:https://www.xiuzhanwang.com/a1/JavaScript/9358.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有