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