uniApp vue view自定义回弹阻尼效果

uniApp vue view自定义回弹阻尼效果 文章目录 uniApp vue view自定义回弹阻尼效果前言一、使用场景二、使用步骤 前言 提示:有这个业

uniApp vue view自定义回弹阻尼效果


文章目录

  • uniApp vue view自定义回弹阻尼效果
  • 前言
  • 一、使用场景
  • 二、使用步骤


前言

提示:有这个业务需求的时候,看了很多其他的文章有两种,一种是无法真正实现,一种是效果不好,所以自己写了一个。


提示:以下是本篇文章正文内容,下面案例可供参考

一、使用场景

用于现实触顶、触底回弹效果并给出响应的需求

二、使用步骤

代码如下(示例):

<template><view><view class="topv">view><viewclass="cover-container":style="[{transform: coverTransform,transition: coverTransition}]"@touchstart="coverTouchstart"@touchmove="coverTouchmove"@touchend="coverTouchend"@scrolltolower='end'ref="texts"><view class="list"><view class="li">1view><view class="li">2view><view class="li">3view><view class="li">4view><view class="li">5view><view class