Css 滑动凸耳'；s背景在滚动/溢出部分消失

滑动选项卡CSS如下所示：

#tab_slide {
    overflow-x: auto; // added by me for vertical scrollbar
    overflow-y: auto; // added by me for vertical scrollbar
    height: 100%!important; // added by me for vertical scrollbar
    color: #000; 
    font-family: inherit;
    font-size: 14px;
    top: 5%;
    position: fixed;
    z-index: 2147483647;
}

#tab_slide_background {
    background: #fff;
    box-shadow: 1px 1px 2px #000;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

幻灯片选项卡背景的CSS如下所示：

#tab_slide {
    overflow-x: auto; // added by me for vertical scrollbar
    overflow-y: auto; // added by me for vertical scrollbar
    height: 100%!important; // added by me for vertical scrollbar
    color: #000; 
    font-family: inherit;
    font-size: 14px;
    top: 5%;
    position: fixed;
    z-index: 2147483647;
}

#tab_slide_background {
    background: #fff;
    box-shadow: 1px 1px 2px #000;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

不幸的是，如果出现任何溢出并显示滚动条，则向下滚动时没有背景

有关网站位于

---

如果您能帮助我了解如何在用户必须向下滚动时显示背景（即，用户的显示高度小于幻灯片选项卡内容），我将不胜感激

获取内容的高度，然后将其应用于背景div：

<script type="text/javascript">
$(document).ready(function(){
    var heightPanel = $('#tab_slide_include').height();
    $('#tab_slide_background').height(heightPanel);
});
</script>

$（文档）.ready（函数（）{
var heightPanel=$（“#选项卡_幻灯片_包含”）.height（）；
$（'选项卡\幻灯片\背景'）。高度（高度面板）；
});

---

加载jQuery文件后添加此代码。我希望您知道在哪里使用过jQuery文件。；）

好吧，我放弃了在侧边栏上添加滚动条

最终使用了：

#tab_slide {
top: 50%
margin-top:-410px!important;
}

---

问题是“

#tab_slide{height:100%}

”，但如果您删除该面板，它将不再可滚动。是的，您是对的。。。有没有办法在不弄乱背景的情况下获得一个可滚动的面板？是的，但是jQuery代码也必须处于安全模式。理想情况下，我不希望选项卡的高度达到页面高度的100%，我更希望选项卡的末端是内容的末端。我只做了高度：100%来获得垂直滚动的帖子，你能澄清一下解决方案的实现吗？我不知道该把这些行放在哪里。我过去在网站上成功地实现了jQuery代码。我试着帮你修好，但没用。我不得不用jQuery替换$，因为它处于安全模式。你可以看看网站的源代码。