How to keep background fixed irrespective of scrollbar?

Asked Sep 13 '16 at 04:44

Active Sep 13 '16 at 04:45

Viewed 27 times

I am writing a small scrollbar on a div [basically a pop up div] like:

#scrollableDiv
    {
        position:absolute;
        width:250px;
        height: 450px;
        padding:12px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:auto;
        border:2px #CCC solid;
        border-radius: 5px;
        background-color: #EEEEF1;
        color: black;
        opacity: 1;
        z-index: 100;
    }

The issue is as soon the scrollbar reaches the end of div, it starts scrolling the body at the back as well vertically.Is there a way to prevent this using css or jquery or anything?

edited Sep 13 '16 at 04:45

asked Sep 13 '16 at 04:44

Neha Bajpai

background-attachment: fixed; – Gacci Sep 13 '16 at 04:45
nope, doesn't work – Neha Bajpai Sep 13 '16 at 04:47
1

Possible duplicate of [Prevent scrolling of parent element?](http://stackoverflow.com/questions/5802467/prevent-scrolling-of-parent-element) – Mr_Green Sep 13 '16 at 04:50
how do i use that – Neha Bajpai Sep 13 '16 at 04:50
@NehaBajpai refer the linked question.. – Mr_Green Sep 13 '16 at 04:59
can you post your whole code (keep it to minimum)? – Gacci Sep 13 '16 at 05:04

How to keep background fixed irrespective of scrollbar?

0 Answers0