記錄移動端開發(fā)坑點（持續(xù)更新）

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

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

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