菜鸟教程小白 发表于 2022-12-12 10:02:34

android - jquery手机: How to show popup above a fixed footer?


                                            <p><p>如何将弹出窗口定位在固定页脚上方，就像所附图像中描述的那样？</p>

<p> <a href="http://i.stack.imgur.com/dADjb.jpg" rel="noreferrer noopener nofollow">http://i.stack.imgur.com/dADjb.jpg</a> </p>

<p>谢谢。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>jQuery Mobile 弹出窗口的问题是 x,y 定位工作正常。</p>

<p>但我们可以作弊，看看这个工作示例:<a href="http://jsfiddle.net/Gajotres/LSakj/" rel="noreferrer noopener nofollow">http://jsfiddle.net/Gajotres/LSakj/</a> </p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;a href=&#34;#popup&#34; data-rel=&#34;popup&#34;&gt;Open Popup&lt;/a&gt;
&lt;div data-role=&#34;popup&#34; id=&#34;popup&#34; data-transition=&#34;slidedown&#34; data-position-to=&#34;#footer-test&#34; data-theme=&#34;a&#34; data-overlay-theme=&#34;e&#34; data-history=&#34;true&#34;&gt;
    &lt;p&gt;U slučaju hitnoće koristi ovaj izbornik!&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>在这种情况下，数据位置设置为页脚 id。不幸的是，这会将它放在页脚上，所以我们需要额外的 CSS 来将它放在页脚上。 </p>

<p><strong>CSS:</strong></p>

<pre><code>#popup {
    margin-bottom: 30px !important;
}
</code></pre>

<p>您应该更改此值以适应您的弹出高度。</p></p>
                                   
                                                <p style="font-size: 20px;">关于android - jquery手机: How to show popup above a fixed footer?，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/15775107/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/15775107/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: android - jquery手机: How to show popup above a fixed footer?