使用 Angular 以编程方式关闭浏览器窗口滚动条

使用 Angular 以编程方式关闭浏览器窗口滚动条

Image by 格里 from 关注

设想

我们正在创建一个布局，我们只希望布局内的内容面板是可滚动的，因此我们希望从组件内以编程方式关闭视口的滚动。

方法

注入 文档 并设置 溢出 至 隐 在 身体 .

 构造函数（@Inject（  
 DOCUMENT）私人文件：文件，  
 受保护的渲染器：Renderer2  
 ) {  
 this.renderer.setStyle(document.body, 'overflow', 'hidden');  
 }

演示

我们将身体的垂直高度设置为 200vh ，所以如果你禁用 溢出 在开发者工具中你会看到页面再次滚动。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/2978/57003108