Html 滚动条没有'；t从页面顶部开始：Material Design Lite中的瀑布标题

在Material Design Lite UI Kit中，页面的滚动条不是从页面顶部开始的，而是带有“瀑布式标题”-在滚动时变得紧凑

我希望它从页面顶部开始，但我不想失去页眉的“紧凑性”

代码笔：

下面是标题的代码：

标题
搜索
标题

CSS中几乎没有变化：

.mdl-layout__content {

overflow-y: initial;
overflow-x: initial;

}

或者继承，但只需覆盖Google所做的更改。

CSS中的小更改：

.mdl-layout__content {

overflow-y: initial;
overflow-x: initial;

}

或者继承，但只是覆盖谷歌所做的更改。

啊，我明白了

滚动部分位于material.js中：

/**
   * Handles scrolling on the content.
   *
   * @private
   */
MaterialLayout.prototype.contentScrollHandler_ = function () {
    if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) {
        return;
    }
    var headerVisible = !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);
    if (this.content_.scrollTop > 0 && !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {
        this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);
        this.header_.classList.add(this.CssClasses_.IS_COMPACT);
        if (headerVisible) {
            this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
        }
    } else if (this.content_.scrollTop <= 0 && this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {
        this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);
        this.header_.classList.remove(this.CssClasses_.IS_COMPACT);
        if (headerVisible) {
            this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
        }
    }
};

/**
*处理内容上的滚动。
*
*@私人
*/
MaterialLayout.prototype.contentScrollHandler=函数（）{
if（this.header\uu.classList.contains（this.CssClasses\uu.IS\u动画））{
返回；
}
var headerVisible=！this.element_uu.classList.contains（this.CssClasses_u.IS_u小屏幕）| | this.element_u.classList.contains（this.CssClasses_u.FIXED_HEADER）；
if（this.content\uu.scrollTop>0&！this.header\uu.classList.contains（this.CssClasses\uu.IS\u COMPACT））{
this.header\u.classList.add（this.CssClasses\u.CASTING\u SHADOW）；
this.header\u.classList.add（this.CssClasses\u.IS\u COMPACT）；
if（可头服务）{
this.header\u.classList.add（this.CssClasses\u.IS\u正在制作动画）；
}
}否则如果（this.content_u.scrollTop啊，我明白了

滚动部分位于material.js中：

/**
   * Handles scrolling on the content.
   *
   * @private
   */
MaterialLayout.prototype.contentScrollHandler_ = function () {
    if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) {
        return;
    }
    var headerVisible = !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);
    if (this.content_.scrollTop > 0 && !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {
        this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);
        this.header_.classList.add(this.CssClasses_.IS_COMPACT);
        if (headerVisible) {
            this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
        }
    } else if (this.content_.scrollTop <= 0 && this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {
        this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);
        this.header_.classList.remove(this.CssClasses_.IS_COMPACT);
        if (headerVisible) {
            this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
        }
    }
};

/**
*处理内容上的滚动。
*
*@私人
*/
MaterialLayout.prototype.contentScrollHandler=函数（）{
if（this.header\uu.classList.contains（this.CssClasses\uu.IS\u动画））{
返回；
}
var headerVisible=！this.element_uu.classList.contains（this.CssClasses_u.IS_u小屏幕）| | this.element_u.classList.contains（this.CssClasses_u.FIXED_HEADER）；
if（this.content\uu.scrollTop>0&！this.header\uu.classList.contains（this.CssClasses\uu.IS\u COMPACT））{
this.header\u.classList.add（this.CssClasses\u.CASTING\u SHADOW）；
this.header\u.classList.add（this.CssClasses\u.IS\u COMPACT）；
if（可头服务）{
this.header\u.classList.add（this.CssClasses\u.IS\u正在制作动画）；
}
}else if（this.content\uuux.scrollTop）我尝试过。它使标题“可滚动”，并删除了滚动时压缩标题的瀑布功能。我尝试过。它使标题“可滚动”，并删除了滚动时压缩标题的瀑布功能。