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

回答

相关问题