資訊專欄INFORMATION COLUMN
摘要：出現的地方就是在上滑塊無法拖動，經過檢測發現是在上有這個問題。彈窗是通過定位在頁面上的。當表單激活的時候，由于手機自帶的輸入法彈起造成頁面向上滾動，會隱藏頁面頂部一部分。解決方法通過的事件改變的值為。記錄一下開發終于到的問題。
先說下業務邏輯：登錄頁面，滑塊驗證，手機號碼輸入完成以后，會有一個滑塊驗證，驗證正確則會收到短信驗證碼。這就是這個登錄頁面的基本邏輯。
出現bug的地方就是在IOS上滑塊無法拖動，經過檢測發現是在6plus上有這個問題。
1.彈窗是通過fixed定位在頁面上的。
2.當表單激活的時候，由于手機自帶的輸入法彈起造成頁面向上滾動，會隱藏頁面頂部一部分。
此時造成頁面頂部缺失一部分，所以fixed定位的實際top距離也跟著改變，造成拖拽的滑塊位置偏移到文字位置。類似于第四張圖的效果，黃色部分缺失。
解決方法：通過input的focus事件改變body的scrollTop值為0。
$("input").focus(function () {
console.log($("body").scrollTop())
document.documentElement.scrollTop=0;
document.body.scrollTop=0;
})
記錄一下開發終于到的問題。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54817.html
摘要：出現的地方就是在上滑塊無法拖動，經過檢測發現是在上有這個問題。彈窗是通過定位在頁面上的。當表單激活的時候，由于手機自帶的輸入法彈起造成頁面向上滾動，會隱藏頁面頂部一部分。解決方法通過的事件改變的值為。記錄一下開發終于到的問題。 先說下業務邏輯：登錄頁面，滑塊驗證，手機號碼輸入完成以后，會有一個滑塊驗證，驗證正確則會收到短信驗證碼。這就是這個登錄頁面的基本邏輯。 showImg(http...
摘要：出現的地方就是在上滑塊無法拖動，經過檢測發現是在上有這個問題。彈窗是通過定位在頁面上的。當表單激活的時候，由于手機自帶的輸入法彈起造成頁面向上滾動，會隱藏頁面頂部一部分。解決方法通過的事件改變的值為。記錄一下開發終于到的問題。 先說下業務邏輯：登錄頁面，滑塊驗證，手機號碼輸入完成以后，會有一個滑塊驗證，驗證正確則會收到短信驗證碼。這就是這個登錄頁面的基本邏輯。 showImg(http...
摘要：隨著移動互聯網的發展，移動已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動開發需要注意的事項進行一下總結，必然不可能涉及方方面面，但會隨著筆者的積累持續更新。 隨著移動互聯網的發展，移動Web已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動Web開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動Web開發需要注意...
摘要：隨著移動互聯網的發展，移動已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動開發需要注意的事項進行一下總結，必然不可能涉及方方面面，但會隨著筆者的積累持續更新。 隨著移動互聯網的發展，移動Web已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動Web開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動Web開發需要注意...
摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。 原文鏈接 - https://github.com/FrontEndRo... H5項目常見問題及注意事項 Meta基礎知識： H5頁面窗口自動調整到設備...
閱讀 3568·2023-04-26 00:05
閱讀 956·2021-11-11 16:55
閱讀 3530·2021-09-26 09:46
閱讀 3519·2019-08-30 15:56
閱讀 911·2019-08-30 15:55
閱讀 2937·2019-08-30 15:53
閱讀 1948·2019-08-29 17:11
閱讀 817·2019-08-29 16:52
