Javascript AngularJS v1 material md subheader在移动设备上滚动时反弹严重

大家好，各位程序员和天才

我使用angularmaterial v1演示的md分标题：

我正在用这个在移动设备上建立一个页面，问题是当副标题不应该移动一点的时候，它会严重反弹。这个问题已经在下面的链接中解决了（带有适当的演示），但我找不到任何解决方案

---

我也有同样的问题，在搜索了一段时间后，我不得不放弃

md副标题

，而是在

md内容

上方放置一个div，当

md内容

滚动时，该div将充当固定标题。然后，我有条件地对div应用了一种样式，如果有足够的内容可以滚动，它会在滚动条的宽度上移动，这样标题就会与内容对齐

我通过定义这种风格做到了这一点：

.invisible-scrollbar {
    overflow-y: scroll;
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: white;
    scrollbar-base-color: white;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
}
.invisible-scrollbar::-webkit-scrollbar {
    opacity: 0;
}

然后将其应用于标题div，如下所示：

ng-class="{'invisible-scrollbar':vm.resultsCanScroll}"

最后，我检查内容是否在控制器中有滚动条，这对于

md虚拟重复有点棘手：

// Wait until the next digest so the content is bound before checking the scroll height.
$timeout(function () {
    var scroller = angular.element('#searchResultList .md-virtual-repeat-scroller');
    vm.resultsCanScroll = scroller[0].scrollHeight > scroller.height();
});

当然，如果您有多个
md subheader
标记，这对您没有帮助，但这取决于您尝试执行的操作