聚合物1.0纸抽屉面板阴影和覆盖层

时间:2015-10-08 05:29:44

标签: responsive-design polymer paper-elements

如何使纸质抽屉面板元素的行为与此网站相同?

https://home-assistant.io/demo/

即使页面很大,我希望能够打开和关闭抽屉面板。当抽屉出来且页面很大时,我也不希望页面上有阴影,我希望抽屉扩展到页面而不覆盖“主”。

我知道“forceNarrow”但它没有实现我想要的东西,因为它在抽屉处于活动状态时叠加在页面的其余部分,并在“主”上投下阴影。

1 个答案:

答案 0 :(得分:0)

我刚刚在我的一个网站上用抽屉测试了这个,当我将forceNarrow设置为true并再次返回时,我没有得到背景或任何东西,它就像你链接的网站一样。

我相信你知道这一点,但对于其他绊倒的人来说代码看起来像这样:

var drawer = document.getElementById('drawer');
drawer.forceNarrow = true;
drawer.forceNarrow = false;

您可以链接到您的网站,或在此处发布一些代码吗?

Edit: Here is an example