jquery - 垂直滚动不适用于叠加层

Question

我正在尝试用一些背景不透明度覆盖网页，但是当应用覆盖时，网页垂直滚动功能将被禁用。

jQuery 和 CSS 如下:

$(document).ready(function(){
   $("body").append("div").attr("id","overlay");

   $("#overlay").css({
       "position" : "fixed",
       "width" : "100%",
       "height" : "100%",
       "z-index" : "10",
       "background": "#000",
       "opacity": "0.5"  
   });

   $("body").css({
      "overflow-y" : "scroll"
   });

});

Answer 1

片段:

Fiddle

$(document).ready(function(){
$("body").append("div").attr("id","overlay");
$("#overlay").css({
       "position" : "absolute",
       "width" : "100%",
       "height" : "1700px",
       "z-index" : "10",
       "background": "#000",
       "opacity": "0.5"  
    });

    $("body").css({
    "overflow-y" : "scroll"
    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>