我正在做的javascript项目尝试在Vuetify v-dialog组件中加入一个"scroll-to-top"按钮,这个按钮只能在向下滚动(y轴)20px后才能显示。我们在v-dialog中也有一个v-card和v-treeview(有可滚动的项目列表)。但是,我似乎不知道如何在v-dialog组件中"抓取" scroll事件来触发任何东西。
<v-dialog>
<v-card>
<v-treeview> //scrollable list
</v-treeview>
</v-card>
</v-dialog>
有什么想法吗?
下面是一个非常类似的Codepen,它与我尝试完成的任务非常相似。https://codepen.io/carlos-henreis/pen/vzXKBJ
谢谢!
3条答案
按热度按时间ds97pgxw1#
我遇到了与OP相同的问题。在对话框中没有出现v-scroll或$vuetify.后藤()的预期行为。
最后,我通过利用
element.scrollIntoView() - MDN
在对话框中添加的div上。
模板中:
在方法中:
8i9zcol22#
<v-card>
“v-scroll.self="onScroll"
到(或滚动的元素)(根据v-scroll文档)id="requestform"
)(选择滚动顶部)qnzebej03#
如果您希望实现平稳过渡: