js或css怎么页面的滚轮不能使用？

Question

要做一个ajax访问后台时 弹出一个div等待 不让用户做任何操作 滚轮也不能动

Answer 1

不知道你的布局怎么样的，但一般情况下，
html,body{
height:100%;
width:100%;
overflow:hidden;
}

这样就可以没有滚动条了。但我觉得要不给用户操作还是像上面那哥们说的那样，自己做个遮罩或者弹框，不给用户点击。例子往下
<div class="pop"></div>

您已成功支付押金，点击“确认”进入个人中心页面查看租赁记录

确定

/*弹出*/
.pop{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
display: none;
z-index:2;
}
/*询问内容*/
.pop_content{
width: 70%;
height: 100px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
display: none;
border-radius: 10px;
transform: translate(-50%,-50%);
z-index: 3;
}

.pop_content>p{
width: 100%;
height: 75%;
padding-left: 24px;
padding-right: 24px;
font-size: 0.32rem;
padding-top: 18%;
line-height: 45px;
text-align: center;
}
/*选择确定或取消*/
.yes_or_no{
width: 100%;
height: 25%;
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/*确定,取消*/
#confirm{
width: 100%;
height: 100%;
border: none;
outline: none;
background: #fff;
color: #0A7046;
font-weight: bold;
font-size: 26px;
border-top: 1px solid #CDCDCD;
}

Answer 2

这弹窗出来的时候来个阴影不就行了，只要存在两个平面覆盖，底下的平面肯定滚动不了啊

Answer 3

新增一个单独的窗口 窗口class属性自定义