鍍金池/ 問(wèn)答/HTML/ vue-awesome-swiper輪播圖下方的小點(diǎn),在手機(jī)端有一塊區(qū)域不可點(diǎn)

vue-awesome-swiper輪播圖下方的小點(diǎn),在手機(jī)端有一塊區(qū)域不可點(diǎn)

1.最常見的輪播
clipboard.png

圖片中,下方的小點(diǎn),vue-awesome-swiper提供的小點(diǎn),在電腦上按住小點(diǎn)區(qū)域滑動(dòng)(或點(diǎn)擊)的時(shí)候沒(méi)有問(wèn)題,但是當(dāng)用手機(jī)看時(shí),手指滑動(dòng)(或者點(diǎn)擊)小點(diǎn)上方(包含小點(diǎn)部分)一小片區(qū)域是滑不動(dòng)(點(diǎn)擊也沒(méi)反應(yīng))的,像是什么東西遮蓋著,
2.代碼做了居中處理

position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 0;

3.問(wèn)題重申:pc端沒(méi)問(wèn)題,手機(jī)端有遮蓋

回答
編輯回答
夏木

已找到原因,vue-awesome-swiper提供的小點(diǎn)默認(rèn)有140px的高度,當(dāng)height設(shè)置為0時(shí),網(wǎng)頁(yè)端確實(shí)看不到高度的不妥,但是把定位高度為0都去掉就發(fā)現(xiàn)此時(shí)span標(biāo)簽已經(jīng)脫離div標(biāo)簽,給span浮動(dòng)即可,從新設(shè)置div高度和行高

2018年1月24日 18:11