雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

JavaScript

當(dāng)前位置:主頁 > 網(wǎng)絡(luò)編程 > JavaScript >

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

來源:本站原創(chuàng)|時(shí)間:2020-01-10|欄目:JavaScript|點(diǎn)擊:

遇到一個(gè)小問題,記錄一下

問題:在微信小程序中使用scroll-view標(biāo)簽時(shí),用height:cale(xx - xx)設(shè)置高度無效,在page中設(shè)置高度為百分百依舊無效

解決辦法:直接在最大的view標(biāo)簽中設(shè)置高度為百分百即可

<view style="height:100%;">
  <!-- 視頻列表 -->
  <scroll-view class="videoList" scroll-y>
  </scroll-view>
</view>
page {
  height: 100%;
}
.videoList {
  height: calc(100% - 480rpx);
}

知識(shí)擴(kuò)展:jquery點(diǎn)擊添加樣式,再次點(diǎn)擊移除樣式

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

總結(jié)

以上所述是小編給大家介紹的記錄微信小程序 height: calc(xx - xx);無效問題,希望對(duì)大家有所幫助!

上一篇:詳解Vue的watch中的immediate與watch是什么意思

欄    目:JavaScript

下一篇:jQuery模仿ToDoList實(shí)現(xiàn)簡單的待辦事項(xiàng)列表

本文標(biāo)題:記錄微信小程序 height: calc(xx - xx);無效問題

本文地址:http://www.jygsgssxh.com/a1/JavaScript/9358.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有