2 мар. 2012 г. · Bootstrap's modal automatically adds the class modal-open to the body when a modal dialog is shown and removes it when the dialog is hidden.

4 мар. 2019 г. · Use state to track if the Modal is open and only hide scroll if it's true. Since you're using document.body.style.overflow = 'hidden' in ...

20 февр. 2019 г. · 5 Answers 5 · Step 1: Use fixed positioning to freeze the body in place when the modal is open · Step 2: Simulate the previous scroll distance ...

19 мар. 2019 г. · I've found a solution that works for preventing the body to scroll when the modal is open: body.modal-open { overflow: hidden; position: fixed; width: 100%; ...

1 авг. 2021 г. · When you have the modal open, the body scrolling is disabled, so you don't get multiple scroll bars. The modalWrap acts as the container for the ...

21 дек. 2017 г. · The solution: adding the overflow:hidden property to the html tag. This worked perfectly where the menu would open, prevent the page from scrolling.

11 авг. 2020 г. · I want my body to stop scrolling to top when I am trying to open popup modals. I am using both angular material and ng-bootstrap popup modals.

10 окт. 2020 г. · I am trying to disable the background body scroll when a modal pop up window is open. I created the Modal using React portal.

25 сент. 2019 г. · Clicking on the image brings up a long, scrolling modal. The problem is that if you scrolling in the modal will also scroll the back of the modal.

29 апр. 2021 г. · Adding { overflow: hidden; height: 100vh; } disables the scrolling but now it jumps to the top of the page every time a modal is opened.