記錄微信小程序 height: calc(xx - xx)；無效問題
更新時(shí)間：2019年12月30日 15:54:08 作者：藏鋒于己
這篇文章主要介紹了微信小程序 - height: calc(xx - xx)；無效 問題，文中給大家擴(kuò)展介紹下jquery點(diǎn)擊添加樣式，再次點(diǎn)擊移除樣式的實(shí)例代碼,需要的朋友可以參考下
遇到一個(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ì)大家有所幫助！
相關(guān)文章
這篇文章主要介紹了JavaScript基于ajax編輯信息用法,涉及javascript基于Ajax操作鼠標(biāo)事件及實(shí)時(shí)保存文本的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
js如何判斷是否在iframe中及防止網(wǎng)頁被別站用iframe嵌套
本文主要介紹了js判斷是否在iframe中及防止網(wǎng)頁被別站用 iframe嵌套的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了JS仿淘寶搜索框用戶輸入事件的實(shí)現(xiàn),需要的朋友可以參考下2017-06-06
微信小程序購物車、父子組件傳值及calc的注意事項(xiàng)總結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序購物車、父子組件傳值及calc的注意事項(xiàng)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
這篇文章主要介紹了百度小程序自定義通用toast組件,百度小程序的toast僅支持在頁中展示，不能自定義位置、字體大小、在單個(gè)文本中增加icon等需求；因此自定義一個(gè)全局可通用的Toast,需要的朋友可以參考下2019-07-07
使用Object.defineProperty實(shí)現(xiàn)簡(jiǎn)單的js雙向綁定
這篇文章主要介紹了使用Object.defineProperty實(shí)現(xiàn)簡(jiǎn)單的js雙向綁定的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了JS實(shí)現(xiàn)的tab頁切換效果,涉及javascript基于事件響應(yīng)動(dòng)態(tài)操作頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
JavaScript限定范圍拖拽及自定義滾動(dòng)條應(yīng)用（3）
這篇文章主要介紹了JavaScript限定范圍拖拽及自定義滾動(dòng)條應(yīng)用的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
雖然之前寫過不少的javascirpt的腳本，但是對(duì)冒號(hào):卻不甚了了，感覺即陌生又熟悉，沒辦法老毛病又犯了，不把問題搞清楚那個(gè)(：)2009-06-06
JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對(duì)位置的方法
這篇文章主要介紹了JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對(duì)位置的方法,涉及JavaScript針對(duì)頁面元素及元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-03-03