移动端滚动穿透
Opened this issue · 2 comments
PaulChess commented
之前项目的写法
遇到的问题
vant的终极滚动穿透解决方案
PaulChess commented
// 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 下滑到底部