mosowe-back-top 回到顶部

uniapp/uni_modules组件

下载地址

TIP

组件使用uni.createIntersectionObserver().relativeToViewport().observe()来监听元素与页面顶部监听相交状态变化情况而非使用onPageScroll监听页面滚动距离

兼容性

平台	android	ios	微信小程序	H5
兼容	√	√	√	√

props

属性	类型	说明	默认
icon	string	图标	-
size	string	尺寸	90rpx
duration	number	动画时长 ：ms	300

示例代码

<template>
  <view class="mosowe-back-top">
    <view
      class="item"
      v-for="item in 100"
      :key="item"
    >
      {{ item }}
    </view>
    <mosowe-back-top></mosowe-back-top>
  </view>
</template>

<style lang="scss" scoped>
  .mosowe-back-top {
    min-height: 200vh;
  }
</style>

贡献者

mosowe