記錄微信小程序 height: calc(xx - xx);無效問題
遇到一個(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
您可能感興趣的文章
- 04-02微信挑一挑java代碼 微信挑一挑java代碼怎么做
- 01-10小程序簡單兩欄瀑布流效果的實(shí)現(xiàn)
- 01-10微信小程序批量上傳圖片到七牛(推薦)
- 01-10微信小程序跨頁面數(shù)據(jù)傳遞事件響應(yīng)實(shí)現(xiàn)過程解析
- 01-10微信小程序按順序同步執(zhí)行的兩種方式
- 01-10ES6常用小技巧總結(jié)【去重、交換、合并、反轉(zhuǎn)、迭代、計(jì)算等】
- 01-10微信小程序?qū)崿F(xiàn)簽字功能
- 01-10JS實(shí)現(xiàn)關(guān)閉小廣告特效
- 01-10javascript實(shí)現(xiàn)點(diǎn)擊星星小游戲
- 01-10java遇到微信小程序 "支付驗(yàn)證簽名失敗" 問題解決


閱讀排行
本欄相關(guān)
- 04-02javascript點(diǎn)線,點(diǎn)線的代碼
- 04-02javascript潛力,javascript強(qiáng)大嗎
- 04-02javascript替換字符串,js字符串的替換
- 04-02javascript移出,js 移入移出
- 04-02包含javascript舍的詞條
- 04-02javascript并行,深入理解并行編程 豆瓣
- 04-02javascript匿名,js匿名方法
- 04-02javascript警報(bào),JavaScript警告
- 04-02javascript遮蓋,JavaScript遮蓋PC端頁面
- 04-02javascript前身,javascript的前身
隨機(jī)閱讀
- 01-10使用C語言求解撲克牌的順子及n個(gè)骰子
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 04-02jquery與jsp,用jquery
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 01-11ajax實(shí)現(xiàn)頁面的局部加載
- 01-10C#中split用法實(shí)例總結(jié)
- 01-10delphi制作wav文件的方法
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置


