菜鸟教程小白 发表于 2022-12-12 11:56:35

html - 当用户输入任何数据时如何防止ipad滚动


                                            <p><p>当用户在 ipad 上输入数据时,有什么方法可以阻止这种滚动,我尝试了不同的方法但不起作用。</p>

<p>有什么办法可以阻止这种滚动。</p>

<p>这是我的代码</p>

<pre><code>             &lt;html lang = &#34;en&#34;&gt;
            &lt;head&gt;
            &lt;title&gt;formDemo.html&lt;/title&gt;
            &lt;meta charset = &#34;UTF-8&#34; /&gt;
            &lt;script&gt;
            $(document).ready(function() {
                $(document).bind(&#39;touchmove&#39;, false);


          });

         &lt;/script&gt;

         &lt;/head&gt;
         &lt;body&gt;
      &lt;h1&gt;Form Demo&lt;/h1&gt;
      &lt;form&gt;
       &lt;label for=&#34;name&#34;&gt;Text Input:&lt;/label&gt;
       &lt;input type=&#34;text&#34;   name=&#34;name&#34; id=&#34;inputtext&#34;onFocus=&#34;window.scrollTo(0, 0); value=&#34;&#34; style=&#34;margin:400px 0 0 0;&#34; /&gt;
       &lt;/form&gt;
       &lt;/body&gt;
       &lt;/html&gt;
</code></pre></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您的问题几乎得到解答<a href="https://stackoverflow.com/a/7733750/188331" rel="noreferrer noopener nofollow">here</a> .您只需将您的逻辑与:</p>

<pre><code>$(document).bind(&#39;touchmove&#39;, false); // or true, depends you want to disable / enable
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于html - 当用户输入任何数据时如何防止ipad滚动,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/17208546/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/17208546/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: html - 当用户输入任何数据时如何防止ipad滚动