两个滚动窗口

时间:2016-07-28 08:30:22

标签: angularjs angular-material

我目前有一些与此项目非常相似的东西:

http://codepen.io/dmastag/pen/oXORpZ

但另外,右侧的窗口包含选项卡(md-tabs),以便在单击时切换具有自己的卷轴的窗口。问题是,我不能在右侧窗口使用滚动功能,只能在左侧窗口使用滚动功能。知道如何解决这个问题吗?我的目标是当滚动位于列表的最底部时,在右侧窗口中扩展列表。

我试图获取选择器md-tab-content,因为我怀疑它是带滚动的窗口,但它说它的值为null?!难道我做错了什么?您有其他解决方案可以解决这个问题吗?我会很高兴。

DOM树在浏览器中显示如下:

<md-tabs>
    <md-tabs-wrapper>
        <md-tabs-content-wrapper>
            <md-tab-content>
            </md-tab-content>
        </md-tabs-content-wrapper>
    </md-tabs-wrapper>
</md-tabs>

1 个答案:

答案 0 :(得分:0)

您的代码是否有plnkr或codepen?你尝试过这样的事情吗?

md-tabs-wrapper{ 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    background-color: rgb(68, 114, 196) !important; 
    z-index: 1000; 
    width: 100%; 
}

md-tabs.md-dynamic-height md-tabs-content-wrapper { 
    top: 48px !important; 
}