在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)營(yíng)銷  HTML/ 微信頁面上拉時(shí)為何會(huì)遮住底部購物車欄？

微信頁面上拉時(shí)為何會(huì)遮住底部購物車欄？

如圖所示，蘋果手機(jī)中的頁面上拉。
圖片描述

稍微等一會(huì)再拉就不會(huì)出現(xiàn)這種情況了，如何處理？

購物車欄css代碼：

.business_box .shopping_car {
    height: 45px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #3d3d3f;
    padding-left: 88px;
    box-sizing: border-box;
    z-index: 300;
}
回答
編輯回答
凝雅

最后的解決方法：
在頁面最外層div上加入這些屬性

.business_box {
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    overflow: hidden;
    position: relative;
}

然后讓底部購物車欄絕對(duì)定位，跟著頁面滑動(dòng)。

2017年2月8日 18:57
編輯回答
離觴

瀏覽器特性吧。你用了fixed 脫離文檔流是固定在窗口上的。你上拉的時(shí)候是瀏覽器的彈簧效果，瀏覽器的容器本身是黑的就罩住了。也是fixed的一個(gè)坑?？梢杂胮adding解決底部tab的問題

2017年2月5日 11:34
編輯回答
莓森

這個(gè)問題我遇到過，主要是你包裹內(nèi)容和購物車區(qū)域的框設(shè)置了height:100%;overflow:hidden;兩種解決方案，
1，就是你這種絕對(duì)定位，隨著頁面滾動(dòng)，
2，就是把購物車放到最外層的結(jié)構(gòu)，沒有overflow:hidden的那層結(jié)構(gòu)里面去。

第二種視覺上比較好。

2017年6月18日 10:41
編輯回答
晚風(fēng)眠
測(cè)試了下，沒發(fā)現(xiàn)這問題呀
我懷疑是父級(jí)高度的問題
早期 類似的問題應(yīng)該是  fixed 和手機(jī)軟鍵盤的沖突
**你這個(gè)黑條是哪里來的 這就很關(guān)鍵了**

祝早日解決問題！thanks

2017年12月4日 19:10