Php 在移动屏幕上选择输入文本不在屏幕中部居中当你在手机上选择输入文本时，有没有办法在屏幕中间放置输入文本？当它这样做时，在按enter键后，您必须保持向上滚动以读取上面的文本，这是不好的 <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> </head> //a div containing text from an ajax call after entering the input text <input type = "text">_Php_Jquery_Html_Css_Mobile

Php 在移动屏幕上选择输入文本不在屏幕中部居中当你在手机上选择输入文本时，有没有办法在屏幕中间放置输入文本？当它这样做时，在按enter键后，您必须保持向上滚动以读取上面的文本，这是不好的 <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> </head> //a div containing text from an ajax call after entering the input text <input type = "text">

php jquery html css mobile

Php 在移动屏幕上选择输入文本不在屏幕中部居中当你在手机上选择输入文本时，有没有办法在屏幕中间放置输入文本？当它这样做时，在按enter键后，您必须保持向上滚动以读取上面的文本，这是不好的 <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> </head> //a div containing text from an ajax call after entering the input text <input type = "text">,php,jquery,html,css,mobile,Php,Jquery,Html,Css,Mobile,使用css将文本拉到需要的位置将文本包装成div，然后将其放置在需要的位置。这样，ajax就不会对它的最终结果产生任何影响 <div id="ajaxCall" class="fixText"> Ajax call </div> 你是说当本机键盘被激活时，iOS移动页面内容的方式吗？如果是这样的话，您可以尝试使用JavaScript来缓解。考虑侦听输入以获得焦点，然后调整页面或特定元素的滚动位置。比如： $(function() { $(input).f

使用css将文本拉到需要的位置

将文本包装成div，然后将其放置在需要的位置。这样，ajax就不会对它的最终结果产生任何影响

<div id="ajaxCall" class="fixText">
  Ajax call
</div>

你是说当本机键盘被激活时，iOS移动页面内容的方式吗？如果是这样的话，您可以尝试使用JavaScript来缓解。考虑侦听输入以获得焦点，然后调整页面或特定元素的滚动位置。比如：

$(function() {
     $(input).focus(function() {
          $(document).scrollTop(500);
     });
});

使用jQuery

您可以通过jQuery动画功能尝试以下操作。此处，滚动位置已更改为400，因此您可能需要根据需要更改它

$(document).ready(function()
{         
$("#lower input:text").focus(function()
{
    $('html, body').animate({
        scrollTop: 400
    }, 2000);
});
});

下面是一个实际操作的示例：

您希望文本字段在屏幕上的位置？@dinmyte它在被选中之前的位置。不确定这是什么意思，您能创建一个代码吗？@dinmyte更好。我可以给你一个链接到我的实际网站，那里正在发生这种情况。www.chatwithibot.com我能不能不试着去估计，而只是禁用IOS？而且，我不知道如何倾听输入以获得焦点；因此，如果你也包含了代码，那就太好了。谢谢。@jessica，在您的情况下，它将是$lower input:text.focusfunction{$document.scrollTop500；}；

$(document).ready(function()
{         
$("#lower input:text").focus(function()
{
    $('html, body').animate({
        scrollTop: 400
    }, 2000);
});
});