mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
1.0 KiB
1.0 KiB
监听目标
你可以设定监听哪个元素来触发 Back Top。
<n-back-top
:listen-to="target"
:bottom="220"
:visibility-height="10"
:themed-style="{
light: {
color: 'rgb(0, 0, 0)',
backgroundColor: 'rgba(0, 0, 0, .3)'
},
dark: {
color: 'rgb(255, 255, 255)',
backgroundColor: 'rgba(255, 255, 255, .3)'
}
}"
>
<div style="width: 200px; height: 40px; line-height: 40px; text-align: center; font-size: 14px;">
指定目标
</div>
</n-back-top>
<div ref="scrollContainer" style="overflow: auto; height: 72px; line-height: 1.5;">
这块应该写一个有意思的笑话。<br/>
这块应该写一个有意思的笑话。<br/>
这块应该写一个有意思的笑话。<br/>
这块应该写一个有意思的笑话。<br/>
这块应该写一个有意思的笑话。<br/>
这块应该写一个有意思的笑话。<br/>
这块应该写一个有意思的笑话。<br/>
</div>
export default {
data () {
return {
target: () => this.$refs.scrollContainer
}
}
}