記錄微信小程序 height: calc(xx - xx)；無(wú)效問題
更新時(shí)間：2019年12月30日 15:54:08 作者：藏鋒于己
這篇文章主要介紹了微信小程序 - height: calc(xx - xx)；無(wú)效 問題，文中給大家擴(kuò)展介紹下jquery點(diǎn)擊添加樣式，再次點(diǎn)擊移除樣式的實(shí)例代碼,需要的朋友可以參考下
遇到一個(gè)小問題，記錄一下
問題：在微信小程序中使用scroll-view標(biāo)簽時(shí)，用height:cale(xx - xx)設(shè)置高度無(wú)效，在page中設(shè)置高度為百分百依舊無(wú)效
解決辦法：直接在最大的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)；無(wú)效問題，希望對(duì)大家有所幫助！
相關(guān)文章
這篇文章主要給大家匯總介紹了js控制文本框輸入的字符類型的各種方法，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-06-06
使用js驗(yàn)證hash,content hash , chunk hash的區(qū)別解
crypto-js是一個(gè)JavaScript加密算法庫(kù),用于實(shí)現(xiàn)各種加密算法和哈希函數(shù),它提供了一種簡(jiǎn)單而強(qiáng)大的方式來執(zhí)行加密操作,包括對(duì)稱加密算法、非對(duì)稱加密算法和哈希函數(shù)等,本文給大家介紹使用js驗(yàn)證hash,content hash , chunk hash的區(qū)別解析,感興趣的朋友跟隨小編一起看看吧2024-12-12
Bootstrap框架的學(xué)習(xí)教程詳解(二)
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹Bootstrap框架的學(xué)習(xí)教程詳解，對(duì)bootstrap框架感興趣的朋友跟著小編一起學(xué)習(xí)吧2016-10-10
JavaScript操作壓縮圖片原理不難，已有成熟 API，然而在實(shí)際輸出壓縮后結(jié)果卻總有意外，有些圖片竟會(huì)越壓縮越大，加之終端（手機(jī)）類型眾多，有些手機(jī)壓縮圖片甚至變黑。本文將一步一步解決此類問題2021-05-05
本篇文章主要介紹了javascript的知識(shí)點(diǎn)。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
Webpack設(shè)置環(huán)境變量的一些誤區(qū)詳解
這篇文章主要給大家介紹了關(guān)于Webpack設(shè)置環(huán)境變量的一些誤區(qū)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
javascript實(shí)現(xiàn)數(shù)字+字母驗(yàn)證碼的簡(jiǎn)單實(shí)例
本篇文章只要是對(duì)javascript實(shí)現(xiàn)數(shù)字+字母驗(yàn)證碼的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
JavaScript中校驗(yàn)銀行卡號(hào)的實(shí)現(xiàn)代碼
本文通過案例給大家介紹了js中校驗(yàn)銀行卡號(hào)的代碼，代碼小編測(cè)試過，可行。代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2016-12-12
JS+CSS相對(duì)定位實(shí)現(xiàn)的下拉菜單
這篇文章主要介紹了JS+CSS相對(duì)定位實(shí)現(xiàn)的下拉菜單,涉及JavaScript結(jié)合css的定位技術(shù)實(shí)現(xiàn)下拉菜單的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
location對(duì)象的屬性和方法應(yīng)用(解析URL)
本文將與大家分享下location對(duì)象使用屬性和方法來解析URL的實(shí)例，感興趣的朋友可以參考下，希望對(duì)你有所幫助2013-04-04