Scrolling within a div without moving page

Question

I have a

with overflow-y:scroll;. Links to anchors within innerContent are located on parent page, not in the

Answer 1

I just solved my issue with this by creating the following in CSS:

body.scroll_locked {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

Then, when I show my modal/lightbox, which is JavaScript (jQuery), I add the scroll_locked class to the body to lock it in place and remove the class to go back. Seems like you could do the same for a mouseenter/mouseleave event for a div that's always on the page and you want to have the same effect.

$('body').addClass('scroll_locked');
$('body').removeClass('scroll_locked');