記錄微信小程序 height: calc(xx - xx)；無效問題

發(fā)布時間：2020-09-28 01:02:58 來源：腳本之家閱讀：216 作者：藏鋒于己欄目：web開發(fā)

遇到一個小問題，記錄一下

問題：在微信小程序中使用scroll-view標簽時，用height:cale(xx - xx)設置高度無效，在page中設置高度為百分百依舊無效

解決辦法：直接在最大的view標簽中設置高度為百分百即可

<view >
  <!-- 視頻列表 -->
  <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)；無效問題，希望對大家有所幫助！

向AI問一下細節(jié)

記錄微信小程序 height: calc(xx - xx)；無效問題

猜你喜歡

最新資訊

相關推薦

相關標簽

記錄微信小程序 height: calc(xx - xx)；無效問題