Jquery 当我的页面顶部出现一个弹出窗口时，使用滚动键，页面滚动，但不使用弹出窗口

我有一个普通的php网页。单击某个元素时，会出现一个包含更多内容的弹出窗口。问题是，当弹出窗口出现时，如果用户滚动，我希望弹出内容滚动。相反，当用户滚动时，弹出窗口下的网页会滚动。我试过

.focus（）

，但似乎不起作用。也许它只适用于表单小部件。有人能提出解决办法吗

html:

jquery：

$('.anecdote-link').on('click', function(){
        $('.mask').fadeIn();
        if ( $(this).attr('id') == "show-BOA" ) {
            $('#popup-BOA').fadeIn();
        }
}); 

---

您可以禁用页面的溢出体，例如，在调用弹出功能时使用这样的代码：

$('body').css('overflow','hidden');

记住恢复-您可以在关闭时添加此代码：

$('body').css('overflow', 'auto');

---

从您的示例中，您无法滚动，因为您的内容没有溢出任何内容。我把内容做得比高度视口多一点，而且它看起来在中间弹出窗口很好，看看这个快速演示：

$（'.轶事链接'）。在（'click'，function（）上{
$（'.mask'）.fadeIn（）；
如果（$（this.attr（'id'）==“显示BOA”）{
$（'popup BOA'）.fadeIn（）；
}
}); 
正文{
高度：140vh；
}
.弹出窗口{
宽度：60%；
位置：固定；
身高：80%；
排名前10%；
左：20%；
背景色：白色；
盒影：5px 5px 10px黑色；
填充：30px；
溢出y：滚动；
z指数：99；
显示：无；
高度：120vh；
}  
.结束{
身高：100%；
}


关闭
我不想控制溢出。我想把焦点放在页面顶部的弹出窗口上。我希望在开始滚动时弹出窗口滚动/滚动元素将在显示鼠标的位置生效。因此，如果它不在弹出窗口上，它将滚动页面，反之亦然。所以，除非你说的是用户使用键盘滚动，焦点会在哪个位置工作。在你的演示中，它对我不起作用。同样，只有底部元素滚动，而不是弹出窗口。也许这是Chrome的一个“功能”？什么，这很奇怪，对我来说，它在Chrome中工作得很好，弹出的滚动条，但不是body元素。
$('body').css('overflow','hidden');

$('body').css('overflow', 'auto');