記錄移動(dòng)端開(kāi)發(fā)坑點(diǎn)（持續(xù)更新）

lyning 發(fā)布于2019-08-26 10:23 / 3273人閱讀

摘要：每次點(diǎn)擊需要把盒子的高度滾動(dòng)到底部把盒子高度賦值給盒子的滾動(dòng)高度即可。新更新當(dāng)使用輸入聚焦的時(shí)候，給設(shè)置定位阻止頁(yè)面滾動(dòng)以及滾動(dòng)穿透的時(shí)候，失去焦點(diǎn)的時(shí)候，會(huì)產(chǎn)生頁(yè)面白屏一瞬間，如何解決判斷失去焦點(diǎn)的時(shí)候取消定位即可。

1.需要固定頭部或者底部的時(shí)候，由于ios的fixed定位失效，可選擇使用flex布局，最外層盒子，body，html高度為100%，需要固定的盒子給指定高度，剩下的flex：1就可以失效fixed效果，其次，如果需要滾動(dòng)，可以給需要滾動(dòng)的盒子加一層div，高度小于需要滾動(dòng)的盒子高度即可。
2.每次點(diǎn)擊需要把盒子的高度滾動(dòng)到底部,把盒子高度賦值給盒子的滾動(dòng)高度即可。scrolltop = height即可。
3.ios需要把軟鍵盤(pán)換行文本跟換成搜索文本的時(shí)候，需要把input包上一層form表單，input的type設(shè)置為search即可，提交的時(shí)候回刷新頁(yè)面，使用window.event.returnValue = false;即可阻止刷新
4.圖片等比例縮放，可以給img包上一層div，div設(shè)置寬高，img使用max-height=100%，max-width=100%，即可等比例縮放。
新更新
5.當(dāng)使用input輸入聚焦的時(shí)候，給html設(shè)置fixed定位阻止頁(yè)面滾動(dòng)以及滾動(dòng)穿透的時(shí)候，input失去焦點(diǎn)的時(shí)候，ios會(huì)產(chǎn)生頁(yè)面白屏一瞬間，如何解決？判斷失去焦點(diǎn)的時(shí)候取消fixed定位即可。
6.ios使用文字漸變的時(shí)候需要加上才能生效
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
7.ios有時(shí)候使用$router.back()失效，可使用$router.push()即可。大概是因?yàn)楣緶y(cè)試環(huán)境網(wǎng)絡(luò)問(wèn)題