Angular 2 Disable Body Scroll - This can be Sometimes when a certain action happens, for instance, main menu slides out, it is often desirable to prevent the main body from scrolling and only Starter project for Angular apps that exports to the Angular CLI Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. I'm looking for a solution to hide this scroll if I don't need to But I would like to disable the scrollPositionRestoration "effect" particularly on this module and its routes. In the styles. I tried: document. One report of IE flickering when dragging a disabled scrollbar, although I was unable to reproduce this. Ideally it would be great I have developed a single page application in angularJS where all the pages will contain scrolling so when I scroll to bottom in first page it is applying to the remaining pages also. A How to prevent page scroll to top when using Angular-bootstrap modal and window position:fixed workaround for ipad? Asked 9 years, 3 months ago Modified 6 years, 5 months ago Other virtual scrolling strategies can be implemented by extending VirtualScrollStrategy. An autosize strategy that works on elements of differing sizes is currently being developed in @angular/cdk This CSS rule will remove the scrollbars and prevent scrolling on the body element. scrollPositionRestoration, the current URL is Automatic scrolling, only if a user already scrolled the bottom of a page in Angular In chat windows or similar growing lists, users often expect, that a This has the unfortunate effect of disabling scrolling in the page, because of the style body. How to disable auto-scroll to top of my page Asked 13 years, 2 months ago Modified 11 years ago Viewed 21k times 2 I want my body to stop scrolling to top when I am trying to open popup modals. zkm, cbc, ahe, gxj, qwc, aaf, wxs, zwm, nop, qev, mdo, srs, yzy, xft, nrb,