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

Question

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

<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

Answer 1

试试这个：

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