我有一个反应(和材料UI)为基础的网页,其中包括一个巴比伦JS的3D视图。
我希望网页是响应性的(即适应不同的窗口大小)。
但我也希望用户能够在3D视图中点击巴比伦JS按钮(通过@babylonjs/gui/2D Button.CreateImageOnlyButton),将3D视图带入全屏(并使UI的其余部分不可见)。(也可以在全屏模式下按下该按钮以退出全屏模式)
function MainWindow({root}) {
var desktopWidth = useMediaQuery('(min-width:1000px)');
var listWidth
我在JS中做了如下函数:
function fullScreen(element) {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
我今天的问题涉及到根据当前加载的网页的URL更改网页上的元素。我的概念是全屏div,它具有较低的不透明度,允许背景通过,但我需要删除页面上的其他元素,因为它们不应该通过全屏div可见。
我的JS在下面。目前,它可以工作,除了最初的页面加载(因为根URL不包含“index.html”)。我已经考虑过,只是改变背景的全屏幕div,并增加一个线性梯度,以及。在我编写这篇文章时,这似乎是最好的选择,我可能不应该用JS删除每个元素。
尽管如此,我还是想听听您对此的建议,因为我将来可能会有这样一种技术的用例。“”“
// NAV MENU
const menuBtn = document.querySe