當滾動頁面時隱藏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(); 
    }); 
}