我应该使用什么方法来防止滚动到屏幕尺寸之外？

Question

我正在开发一个使用ngx-webcam来从用户手机摄像头拍照的Angular Web应用程序。对于摄像头组件，我希望它能像在手机上打开本机摄像头一样，全屏显示。我目前正在将摄像头组件设置为屏幕大小，并将其z-index设置为高，以便使其显示在其他所有内容之上。我遇到的问题是，由于组件后面有一个网页，因此您可以向下滚动浏览摄像机。我似乎有一些可能的选择...我可以* ng打开相机时所有内容（不是相机组件）并进行切换。打开摄像头组件时，我还可能阻止在主体上滚动，但据我所读，这似乎不合时宜。

我只需要一些建议，以选择最佳的解决方案。

Answer 1

一个简单的文件输入元素可以为您完成这项工作。它要求用户拍照或上传照片。

<input type="file" accept="image/*">

Example image on IOS