gpt4 book ai didi

html - 使用 AngularJS Material 为 md-tab-body div 设置滚动 y

转载 作者:行者123 更新时间:2023-11-28 01:00:13 26 4
gpt4 key购买 nike

enter image description here

我在这里使用了 angularjs Material 选项卡,我需要为“md-tab-body”部分滚动,我已经尝试了堆栈溢出的所有可能性,但没有工作滚动。

<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>

上面的代码我使用了我的应用程序。我需要帮助来为正文部分设置 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>

.helloHeight{
height:100%;
}

不确定因为没有测试这段代码。

关于html - 使用 AngularJS Material 为 md-tab-body div 设置滚动 y,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52719143/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com