html - How do I make a CSS element scroll with the page if it is already absolutely positioned? -

i have implemented slide in/out form tab activate functionality. works want except tab stays in same position because absolutely positioned css. want position scroll page.

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

and here 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 call back</button> </div> <div id="slidingform-header">    <--- form in here ---> </div> </div> 

i figured out. put wrapper round whole thing , gave following css:

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