滚动页面时隐藏jquery移动弹出窗口

Posted 2023-05-09

【中文标题】滚动页面时隐藏jquery移动弹出窗口

【英文标题】：Hide jquery mobile popup when scrolling page

【发布时间】：2015-12-16 12:22:00

【问题描述】：

单击标题按钮会出现一个弹出窗口，我想在滚动页面时自动隐藏弹出窗口，因为当前滚动到底部页面时弹出窗口本身不会移动。当我单击页面的任意位置时，它会跳回顶部。 我有如下代码：

<div data-role="header" data-position="fixed">                 
     <h1 class="strokeme">Home</h1>
     <a id="homepgicon"  href="#photopopup" data-rel="popup" data-position-to="origin"  data-role="button" data-theme="b" data-icon="plus" data-form="ui-icon"  data-iconpos="notext"  class="ui-btn-b ui-shadow ui-corner-all ui-icon-plus ui-btn-right  ui-btn-icon-notext ui-btn-up-b" ></a>
</div>

<div data-role="popup" id="photopopup">
    <ul data-role="listview" data-inset="true" style="min-width:250px;">
      <li><a href="index2.php" rel="external">Second Page</a></li>
    </ul>
</div>

所以想如果我在检测页面滚动时隐藏弹出窗口，页面将不会跳回首页。能做到吗？

我之前的帖子截图。 Jquery popup menu no stick with header

【问题讨论】：

我们可以请您在小提琴中编写代码吗？

【参考方案1】：

试试这个：

if($('#photopopup').is(":visible"))
    $(window).scroll(function()
        $('#photopopup').hide();
    );