Javascript 角度md fab工具栏跟随滚动
我有一个有3张卡片的页面,其中一张我有一个md fab工具栏Javascript 角度md fab工具栏跟随滚动,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我有一个有3张卡片的页面,其中一张我有一个md fab工具栏 <md-card class="card-width"> <md-toolbar class="md-hue-2" layout-align="center start" layout-padding> <span>{{cardName}}</span> </md-toolbar> <m
<md-card class="card-width">
<md-toolbar class="md-hue-2" layout-align="center start" layout-padding>
<span>{{cardName}}</span>
</md-toolbar>
<md-card-content>
<div>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
<p>Scroll</p>
</div>
<md-fab-toolbar md-direction="left" class="md-fab-bottom-right">
<md-fab-trigger class="align-with-text">
<md-button aria-label="menu" class="md-fab md-primary">
<md-icon>menu</md-icon>
</md-button>
</md-fab-trigger>
<md-toolbar>
<md-fab-actions class="md-toolbar-tools">
<md-button aria-label="comment" class="md-icon-button">
<md-icon>magnify</md-icon>
</md-button>
<md-button aria-label="comment" class="md-icon-button">
<md-icon>magnify</md-icon>
</md-button>
<md-button aria-label="comment" class="md-icon-button">
<md-icon>magnify</md-icon>
</md-button>
<md-button aria-label="comment" class="md-icon-button">
<md-icon>magnify</md-icon>
</md-button>
<md-button aria-label="comment" class="md-icon-button">
<md-icon>magnify</md-icon>
</md-button>
</md-fab-actions>
</md-toolbar>
</md-fab-toolbar>
</md-card-content>
</md-card>
{{cardName}}
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
卷轴
菜单
放大
放大
放大
放大
放大
检查此代码笔:
我希望md fab工具栏跟随滚动,而不是停留在绝对位置。
我不能这样做,你们能帮我吗?这就是你们想要的吗?-
标记(相关)
这就是你想要的吗
标记(相关)
嘿,谢谢你的回答。差不多这个,我想要这样的东西。无论我的卷轴在哪里,我都希望fab按钮位于右下角。@MarcusDacorréggio查看更新的代码笔和答案。非常感谢。“这就是我一直在寻找的行为。”MarcusDacorréggio很乐意帮忙。好问题。嘿,谢谢你的回答。差不多这个,我想要这样的东西。无论我的卷轴在哪里,我都希望fab按钮位于右下角。@MarcusDacorréggio查看更新的代码笔和答案。非常感谢。“这就是我一直在寻找的行为。”MarcusDacorréggio很乐意帮忙。好问题。
<md-content layout="column">
<md-card class="card-width">
<md-toolbar class="md-hue-2" layout-align="center start" layout-padding>
<span>{{cardName}}</span>
</md-toolbar>
<md-card-content layout="column">
<div id="myList">
#myList {
overflow: auto;
}