移动端滚动穿透

[PaulChess]

之前项目的写法

遇到的问题

vant的终极滚动穿透解决方案

[PaulChess]

https://blog.csdn.net/riddle1981/article/details/102659958

[PaulChess]

// console.log(0b00); // 00 无滚动
// console.log(0b01); // 01 scrollTop === 0 有滚动
// console.log(0b10); // 10 滑动到底部
// console.log(0b11); // 默认

const direction = '01'; // 下滑
const status = '10';

console.log(!(parseInt(status, 2) & parseInt(direction, 2)));

// 为true 需要preventDefault的情况
// 1. 上拉 + scrollTop==0 无滚动
// 2. 上拉 + scrollTop==0 有滚动
// 3. 下滑 + scrollTop==0 无滚动
// 4. 下滑 + scrollTop==0 下滑到底部