Html 使用AngularJS矩阵设置md选项卡主体div的滚动y
我在这里使用了angularjs材质选项卡,我需要“md选项卡主体”部分的滚动,我已经尝试了堆栈溢出的所有可能性,但没有工作滚动Html 使用AngularJS矩阵设置md选项卡主体div的滚动y,html,css,angularjs-material,Html,Css,Angularjs Material,我在这里使用了angularjs材质选项卡,我需要“md选项卡主体”部分的滚动,我已经尝试了堆栈溢出的所有可能性,但没有工作滚动 <md-tabs md-enable-disconnect md-dynamic-height md-border-bottom md-selected='vm.tabIndex' id="wardName{{$index}}"> <md-tab ng-repeat="ward in vm.inpatientwards" ng-click="vm
<md-tabs md-enable-disconnect md-dynamic-height md-border-bottom md-selected='vm.tabIndex' id="wardName{{$index}}">
<md-tab ng-repeat="ward in vm.inpatientwards" ng-click="vm.loadWardview(ward._id)">
<md-tab-label>
<span translate id="ipwardId{{$index}}">{{ward.name}}</span>
</md-tab-label>
<md-tab-body>
<div style="margin:10px;" layout="row">
<md-grid-list flex>
<md-grid-tile ng-repeat="bed in vm.wardbeds" ng-click="vm.selectBed(bed)" id="wardBeds{{$index}}">
<md-grid-tile-header>
{{::bed.name}}
</md-grid-tile-header>
</md-grid-tile>
</md-grid-list>
</div>
</md-tab-body>
</md-tab>
</md-tabs>
{{ward.name}
{{::bed.name}
上面的代码是我在应用程序中使用的。我需要帮助为正文部分设置oveflow-y。您可以这样做,如果您的场景是这样的,这可能会对您有所帮助:
<!-- if you have any div outside-->
<div style="height:100%">
<md-tabs md-enable-disconnect md-border-bottom md-selected='vm.tabIndex' id="wardName{{$index}}" class="helloHeight">
<md-tab ng-repeat="ward in vm.inpatientwards" ng-click="vm.loadWardview(ward._id)">
<md-tab-label>
<span translate id="ipwardId{{$index}}">{{ward.name}}</span>
</md-tab-label>
<md-tab-body>
<!-- try to inspect this div-->
<div style="margin:10px;height:100%;overflow-y: auto;" layout="row">
<md-grid-list flex>
<md-grid-tile ng-repeat="bed in vm.wardbeds" ng-click="vm.selectBed(bed)" id="wardBeds{{$index}}">
<md-grid-tile-header >
{{::bed.name}}
</md-grid-tile-header>
</md-grid-tile>
</md-grid-list>
</div>
</md-tab-body>
</md-tab>
不确定,因为未测试此代码。尝试删除md动态高度,但我需要div的完整高度,删除md动态高度后,div将显示一半的显示。我需要全高溢出-y。比给md标签高度:100%;我已经试过了,但仍然是div显示页面的一半你必须给所有的上div也一样,md dynamic height将根据内部内容自动计算高度,或者提供codepen或这个问题的示例。我刚刚更新了我的答案,将class添加到md选项卡,并将其添加到class height:100%尝试一次,如果你想它可能会工作我无法访问你的代码笔我没有看到结果我仍然无法访问结果部分。结果部分仍在加载
.helloHeight{
height:100%;
}