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

Question

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

Answer 1

不知道你的布局怎么样的，但一般情况下，html,body{height:100%;width:100%;overflow:hidden;}这样就可以没有滚动条了。但我觉得要不给用户操作还是像上面那哥们说的那样，自己做个遮罩或者弹框，不给用户点击。例子往下 <div&nbsp;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属性自定义