滑動翼片的背景在滾動/溢出部分

消失滑動凸片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; 
}

用於滑動標籤背景CSS如下：

#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; 
}

不幸的是，如果有任何溢出和滾動條出現時，向下滾動時沒有背景。

有問題的網站是在http://thehungrygeek.com

我希望搞清楚如何使當用戶向下滾動（背景出現任何幫助，即用戶的顯示高度大於滑動小標籤內容）！

來源

2015-12-21 David Z

問題是「'#tab_slide {身高：100％}'」，但如果你刪除面板不會滾動了。 – Era

是的，你是對的...有沒有辦法讓滾動面板沒有得到背景搞砸了？ –

你可以使用jQuery嗎？ – Era

獲取內容的高度，然後採用相同的背景格：

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

加載你的jQuery文件後，添加該代碼。我希望你知道你在哪裏使用jQuery文件。 ;）

來源

2015-12-21 11:14:48 Era

感謝您的帖子，你能否澄清一點關於該解決方案的實施？不知道在哪裏把這些行 –

編輯我的答案。 – Era

我以前在網站上成功實現了jQuery代碼。試圖把你的修復，但它沒有奏效。我必須使用jQuery替換$，因爲它的安全模式。你可以看看網站的源代碼。 –

好吧，放棄了在側欄上放置一個滾動條。

最終使用：

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

來源

2015-12-22 06:17:26

滑動翼片的背景在滾動/溢出部分

回答

相關問題