菜鸟教程小白 发表于 2022-12-12 11:57:45

jQuery-Mobile 禁用页面拖动并防止滚动页眉/页脚


                                            <p><p>我的 Web 应用程序中的滚动条应该只滚动“内容”部分。
但是，一旦我滚动到内容的末尾或顶部，滚动条就会滚动页眉或页脚。页面也被拖了，看起来很丑。</p>

<p>这里有一些图片:</p>

<p><strong> <a href="http://imgur.com/1xNLenx,5EVjBuH,WDo0UAa,Kd3bzy5#0" rel="noreferrer noopener nofollow">http://imgur.com/1xNLenx,5EVjBuH,WDo0UAa,Kd3bzy5#0</a> </strong></p>

<p><strong>页眉和页脚位置固定。</strong></p>

<p>标题:</p>

<pre><code>&lt;div data-role=&#34;header&#34; data-theme=&#34;b&#34; data-position=&#34;fixed&#34; data-tap-toggle=&#34;false&#34;&gt;
</code></pre>

<p>页脚:</p>

<pre><code>&lt;div data-role=&#34;footer&#34; data-position=&#34;fixed&#34; data-tap-toggle=&#34;false&#34;&gt;
</code></pre>

<p>如何防止这种行为？
谢谢。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您是否尝试过将所有三个属性都包含在您的标题中？</p>

<ul>
<li>data-position="固定"</li>
<li>data-tap-toggle="false"</li>
<li>数据更新页面填充 =“假”</li>
</ul>

<p>代码如下:</p>

<pre><code>&lt;div data-role=&#34;header&#34; data-position=&#34;fixed&#34; data-tap-toggle=&#34;false&#34; data-update-page-padding =&#34;false&#34;&gt; &lt;/div&gt;
</code></pre>

<p>希望对您有所帮助!</p></p>
                                   
                                                <p style="font-size: 20px;">关于jQuery-Mobile 禁用页面拖动并防止滚动页眉/页脚，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/17251552/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/17251552/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: jQuery-Mobile 禁用页面拖动并防止滚动页眉/页脚