我正在尝试用一些背景不透明度覆盖网页,但是当应用覆盖时,网页垂直滚动功能将被禁用。
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"
});
});
最佳答案
片段:
$(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>
关于jquery - 垂直滚动不适用于叠加层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45836517/