如何使纸质抽屉面板元素的行为与此网站相同?
https://home-assistant.io/demo/
即使页面很大,我希望能够打开和关闭抽屉面板。当抽屉出来且页面很大时,我也不希望页面上有阴影,我希望抽屉扩展到页面而不覆盖“主”。
我知道“forceNarrow”但它没有实现我想要的东西,因为它在抽屉处于活动状态时叠加在页面的其余部分,并在“主”上投下阴影。
答案 0 :(得分:0)
我刚刚在我的一个网站上用抽屉测试了这个,当我将forceNarrow设置为true并再次返回时,我没有得到背景或任何东西,它就像你链接的网站一样。
我相信你知道这一点,但对于其他绊倒的人来说代码看起来像这样:
var drawer = document.getElementById('drawer');
drawer.forceNarrow = true;
drawer.forceNarrow = false;
您可以链接到您的网站,或在此处发布一些代码吗?