Wil*_*ott 2 layout scroll flexbox angularjs angular-material
我正在尝试制作一个带有卡片的水平滚动条的滑块，因此为了实现这一点，我正在尝试使用 ng-repeat 在里面滚动 layout="row"
https://codepen.io/williamscott701/pen/GmLada
<body ng-app="myApp" ng-cloak ng-controller="ProductController">
<md-content class=" md-padding " layout="column ">
<div layout="row">
<div flex="33" ng-repeat="y in [1,2,3,4,5,6,7,8,9,10,11] ">
<md-card>[ flex = 33 ]
<md-card>
</div>
</div>
</md-content>
</body>
我不知道哪里出错了
谢谢
要滚动工作，您需要为卡片提供最小宽度。
md-card {
min-width: 200px;
}
div[layout="row"] {
overflow: auto;
}
这是更新的codepen的链接
https://codepen.io/vibhanshu/pen/YVMbob?editors=1100
| 归档时间： |
|
| 查看次数： |
6303 次 |
| 最近记录： |