@varlet/bounce-fixer
v0.0.3
Published
Fixed bouncing caused by pull up or pull down on mobile web pages
Downloads
83
Readme
ENGLISH README
介绍
修复移动网页上拉或下拉导致的弹跳问题
快速开始
CDN
<script src="https://cdn.jsdelivr.net/npm/@varlet/bounce-fixer/iife.js"></script>
<script>
const { createBounceFixer } = BounceFixer
const { enable, disable } = createBounceFixer()
// 启用固定器
enable()
// 禁用固定器
// disable()
</script>
npm/yarn/pnpm
# npm
npm i @varlet/bounce-fixer -S
# yarn
yarn add @varlet/bounce-fixer
# pnpm
pnpm add @varlet/bounce-fixer
import { createBounceFixer } from '@varlet/bounce-fixer'
const { enable, disable } = createBounceFixer()
// 启用固定器
enable()
// 禁用固定器
// disable()
解决什么问题
在 iOS 设备上使用局部可滚动容器(例如使用 overflow: auto)并将指针滑动到底部或顶部时,页面会出来一段橡皮筋。 并且短时间内滚动页面将会一直触发橡皮筋,影响了滚动容器的正常使用。