我在实现带有向下滑动面板的固定标题时遇到了一些麻烦,当您向下滚动页面时,该面板也保持固定。当向下滑动面板打开时,页面在标题下滚动,但我希望向下滑动的内容/表单在活动时保持固定在其位置,以便只有页面内容滚动。
//slide down panel css
#sliding_panel {
background: #6C9D30;
height: 0;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
color: #fff;
}
//fixed header css
header#header {
position:fixed;
width: 100%;
height: 100px;
background: rgba(0,0,0,0.5);
z-index: 1;
}