在網站開發中，彈出頁面是常用的交互方式之一。但是，當頁面被滾動時，彈出頁面會隨之滾動甚至消失，這樣會影響用戶的體驗。下面介紹jQuery如何讓彈出的頁面保持不動。

$(document).ready(function(){
 //獲取窗口文檔對象
 var doc = $(document);
 //獲取彈出頁面對象
 var popUp = $("#pop-up");
 //獲取原始頁面距離頂部的距離
 var origTop = popUp.offset().top;    
 //滾動頁面時觸發事件           
 doc.scroll(function(){
if(doc.scrollTop() >= origTop){
//將彈出頁面轉化為固定定位
popUp.css({
position : 'fixed',
top : '0'
});  
}
else{
//將彈出頁面還原為原始狀態
popUp.css({
position : 'absolute',
top : origTop
});
}
 });
});

在上述代碼中，我們首先獲取了窗口文檔對象及彈出頁面對象，然后獲取了彈出頁面距離頂部的距離。接下來，我們為窗口文檔對象添加了滾動事件，當頁面滾動時，我們判斷滾動的位置是否大于等于原始的距離，大于等于原始距離時，我們將彈出頁面轉化為固定定位，即固定在頁面頂部，反之，我們將彈出頁面還原為原始狀態。

通過以上代碼，我們可以實現彈出頁面隨著整個頁面滾動，但自己保持不動，方便用戶查看，提高用戶的體驗。