Breaking News: Grepper is joining You.com. Read the official announcement!

prevent body from scrolling when a modal is opened

Perfect Peacock answered on August 4, 2020 Popularity 10/10 Helpfulness 4/10

answer prevent body from scrolling when a modal is opened

related prevent page scrolling when a modal is open

prevent body from scrolling when a modal is opened

Comment

$('#adminModal').modal().on('shown', function(){
    $('body').css('overflow', 'hidden');
}).on('hidden', function(){
    $('body').css('overflow', 'auto');
})

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: whatever when

Link to this answer
Share Copy Link

Contributed on Aug 04 2020

Perfect Peacock

0 Answers Avg Quality 2/10

Closely Related Answers

prevent page scrolling when a modal is open

Comment

// When the modal is shown, we want a fixed body
document.body.style.position = 'fixed';
document.body.style.top = `-${window.scrollY}px`;

// When the modal is hidden...
const scrollY = document.body.style.top;
document.body.style.position = '';
document.body.style.top = '';
window.scrollTo(0, parseInt(scrollY || '0') * -1);

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 05 2022

Dileep Rajapaksha

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

prevent body from scrolling when a modal is opened

Contents

More Related Answers

prevent body from scrolling when a modal is opened

Closely Related Answers

prevent page scrolling when a modal is open

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.