jQuery Mobile固定頁腳在選擇列表中移動iphone

我正在將性健康應用程序作爲uni項目的一部分。我有一個令我瘋狂的表格。我已經意識到，在jQuery Mobile的一個共同問題是固定的頁腳移到鍵盤打開時，頁面的中間，我有固定的這個問題與後續的JSjQuery Mobile固定頁腳在選擇列表中移動iphone

//hide footer when input box is on focus 
$(document).on('focus', 'input, textarea, select', function() { 
    $("div[data-role=footer]").hide(); 
}); 

//show footer when input is NOT on focus 
$(document).on('blur', 'input, textarea, select', function() { 
    $("div[data-role=footer]").show(); 
});

此代碼修復了鍵盤問題但是，對於需要從一系列答案中選擇輸入的問題（下面的圖片鏈接），當您使用左箭頭鍵循環時，並回答每個問題的頁腳移動。頁腳不移動，你循環並將答案留在默認的「選擇一個」。這是非常奇怪的，也許是一個非常簡單的解決方案，我不知道如此任何幫助將非常感激。

PS。照片中的綠色條是頁腳，而不是標題：P

圖片鏈接

http://imgur.com/olWSrfu

來源

2015-05-09 Matt Ward

我會在你的身體使用onscroll事件。試一試，我認爲它會解決您的問題

來源

2015-05-09 18:21:43

感謝您的回覆迭戈。我試圖研究這個，但似乎無法理解。這是正確的嗎？我只是一個初學者，對不起。感謝您的幫助:)'$（document）.on（「scrollstart」，'select'，function（）{（div [data-role = footer]「）。hide（）; }）; –

不要擔心:)研究這個：https：//api.jquery.com/scroll/ –

讓我們看看，當你進入頁面，你可以記錄window.innerHeight和滾動，你可以檢測它是否改變。這是一種方法。在這種情況下，我會做$（「body」）。scroll（function（）{if（window.innerHeight

jQuery Mobile固定頁腳在選擇列表中移動iphone

回答

相關問題