上拉加载
梦一场江南烟雨
听闻远方有你,动身跋涉千里,我吹过你吹过的风,这算不算相拥
zhoukai.blog.csdn.net
展开
-
微信小程序实现上拉加载的瀑布流展示
瀑布流里面左右两列的各个元素展示的内容不一定相同,于是就会出现左右两列的高度不对等的情况,为了防止一列过高另一列太短的情况,于是在push新元素到每一列之前都需要获取两列的高度进行比对,将新元素push到较矮的一列去,如果一开始高度都为0或者高度相同则push到左边列里面。原创 2023-06-14 10:27:08 · 421 阅读 · 0 评论 -
微信小程序上拉、下拉刷新组封装件
在开发小程序的时候通常会遇到上拉或者下拉刷新的功能需求,然而这个功能很多页面也都会用到,因此这里,把这个功能封装为组件,方便复用原创 2023-03-07 14:42:07 · 872 阅读 · 0 评论 -
用js实现判断触摸滑动方向
用js实现判断触摸滑动方向原创 2022-06-16 10:13:10 · 855 阅读 · 0 评论 -
原生js实现仿美团外卖向上滑动时的懒加载缓慢上移效果
本文主要分享的是仿美团外卖上滑的时候出现的懒加载以及缓慢上移效果主要用到的有css3的transform: translateY()以及dom的一个api接口getBoundingClientRect()html代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2021-03-08 14:51:25 · 595 阅读 · 2 评论 -
下拉刷新,上拉加载使用插件dropload.js
HTML实例代码<div class="content"> <div class="lists"> <a class="item" href="#"> <img src="./img/pic.jpg" alt=""> <h3>hehe</h3> ...原创 2020-03-06 11:53:21 · 269 阅读 · 0 评论