Question

我使用以下0标记使用Polymer 0.9.2。但是，body不会滚动甚至将CSS设置为paper-header-panel，我会滚动条但不滚动。

overflow:scroll

我正在使用的CSS

<body class="fullbleed layout vertical">
<paper-drawer-panel>
    <paper-header-panel drawer>
        <paper-toolbar>
            <div><img src="my-image.png"></div>
        </paper-toolbar>
        <paper-menu id="mainMenu">
            <paper-item>One</paper-item>
            <paper-item>Two</paper-item>
        </paper-menu>
    </paper-header-panel>
    <paper-header-panel main>
        <paper-toolbar>
            <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
            <div>My Title</div>
            <img src="my-avatar.png" aria-label="avatar" title="avatar" width="64px" height="64px"/>
            <a href="/logout" aria-label="Logout" title="Logout">Logout</a>
        </paper-toolbar>
        <div id="content">My content/div>
    </paper-header-panel>
</paper-drawer-panel>
</body>

请注意，我已经删除了一堆不会影响此问题的额外代码，我知道0.9仍然是Beta。

Answer 1

如果您使用聚合物~0.5：

<body layout vertical>
</body>

如果您使用＆gt; 0.8：

<body class="layout vertical">
</body>

或CSS（适用于我所知道的任何版本）：

paper-header-panel { 
    height: 100% 
}

body, html {
    height: 100%
    margin: 0
}

如果您使用的是“版面”版本，则必须为您的Polymer版本导入Polymer/layout (0.5 docs)。

Answer 2

确保b正在填充页面。

这足以让您的内容可滚动：

paper-header-panel

使用Polymer 0.9.2纸抽屉面板不会滚动

2 个答案: