記錄微信小程序 height: calc(xx - xx);無效問題
遇到一個小問題,記錄一下
問題:在微信小程序中使用scroll-view標(biāo)簽時,用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); }
知識擴(kuò)展:jquery點擊添加樣式,再次點擊移除樣式
$("#divSetting").on("click", function () { $(this).toggleClass("open"); });
總結(jié)
以上所述是小編給大家介紹的記錄微信小程序 height: calc(xx - xx);無效問題,希望對大家有所幫助!
相關(guān)文章
js如何判斷是否在iframe中及防止網(wǎng)頁被別站用iframe嵌套
本文主要介紹了js判斷是否在iframe中及防止網(wǎng)頁被別站用 iframe嵌套的方法。具有很好的參考價值,下面跟著小編一起來看下吧2017-01-01微信小程序購物車、父子組件傳值及calc的注意事項總結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序購物車、父子組件傳值及calc的注意事項的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11使用Object.defineProperty實現(xiàn)簡單的js雙向綁定
這篇文章主要介紹了使用Object.defineProperty實現(xiàn)簡單的js雙向綁定的相關(guān)資料,需要的朋友可以參考下2016-04-04JavaScript限定范圍拖拽及自定義滾動條應(yīng)用(3)
這篇文章主要介紹了JavaScript限定范圍拖拽及自定義滾動條應(yīng)用的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05JS實現(xiàn)設(shè)置ff與ie元素絕對位置的方法
這篇文章主要介紹了JS實現(xiàn)設(shè)置ff與ie元素絕對位置的方法,涉及JavaScript針對頁面元素及元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-03-03