如何使用浏览器滚动条控制叠加内容

Question

我正在使用jquery.tools.min.js进行叠加，它工作正常......

我想要什么当内容在叠加中打开并且内容超出高度时，浏览器滚动条可以上下移动以覆盖内容，任何人都可以告诉我它是如何可能的？ ...

我希望我能够描述我的问题，我的叠加css和js如下所示：

 #overlay {
    color:#efefef;
    display:none;
  }
  div.contentWrap {
    overflow-y:auto;
  }

.apple_overlay {
    display:none;
    width:660px;
    padding:35px;
    font-size:11px;
}

---

$("a[rel]").overlay({
    top : 10 ,
        mask: {
        color: '#fff',
        loadSpeed: 200,
        opacity: 0.9
    },
    onBeforeLoad: function() {
        $(".contentWrap").html('');
        $(".contentWrap").html('<img src="/public/images/ajax-loading.gif" />');
        var wrap = this.getOverlay().find(".contentWrap");

        wrap.load(this.getTrigger().attr("href"));
    }

});

---

请帮助我谢谢.....

Answer 1

尝试：

#overlay {
    color:#efefef;
    display:none;
    height: 100%;
    width: 100%;
    position: fixed
  }