如果 CSS 元素已经被绝对定位，如何让页面随页面滚动？

Question

我已经实现了一个带有标签的滑入/滑出表单来激活此功能。它就像我想要的那样工作，只是选项卡始终保持在相同的位置，因为它是绝对使用 CSS 定位的。我希望它位于它所在的位置，但要随页面滚动。

这里是 CSS

#slidingform-slider {
width: 500px;
top: 100px;
position: absolute;
}

#slidingform-sidebar1 {
position: absolute !important;
top: 180px !important;
left: 113px !important;
box-shadow: 0 0 8px gray;
z-index: 10000 !important;
}

这里是html

<div id="slidingform-sidebar1" onclick="slidingform_close_panel()">
<button class="contact-slideout-toggle contact-slideout-btn btn btn-lg         btn-primary hidden-xs hidden-sm">Request a Call Back</button>
</div>
<div id="slidingform-header">   
<--- form in here --->
</div>
</div>

Answer 1

我想通了。我只是在整个东西周围放了一个包装器，然后给它下面的 css：

.slider-wrap {
position: fixed;
right: 0;
z-index: 10000;
}