gpt4 book ai didi

angularjs - Angular Material响应式可滚动div

转载 作者:行者123 更新时间:2023-11-28 05:33:31 25 4
gpt4 key购买 nike

我正在尝试制作一个包含重复对象的组件,这些对象类似于标记为“设计”、“开发”等的对象。in this example .我希望它以与这些相同的方式响应窗口高度(请注意,当您垂直收缩页面时,页脚也会上升)。基本上,可滚动部分(也许是 md-content?)需要响应。

这是我当前的总体布局:jsfiddle .

    <body>
<div class="header">My nav bar</div>
<div class="wrapper">
<div class="myfeed">
<div class="feed-header">Feed header</div>
<div class="feed-content">
<div class="item">item 1</div>
<div class="item">item 2</div>
<div class="item">item 3</div>
<div class="item">item 4</div>
<div class="item">item 5</div>
<div class="item">item 6</div>
</div>
</div>
</div>
</body>

有什么想法吗?

最佳答案

你能试试吗:

.item {
background-color: yellow;
height:8vh;
margin-top:5px;
}

您需要根据元素的数量更改height: 8vh

关于angularjs - Angular Material响应式可滚动div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38368767/

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