1.0.4 • Published 5 years ago

fix-overflow-scroll v1.0.4

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

fix-overflow-scroll

npm downloads license

What problems to solve ?

在IOS中,为内部滚动元素开启弹簧效果 -webkit-overflow-scrolling: touch; ,当滚动条滚动到容器末端时,会触发父级滚动条滚动,导致内部滚动失效。

fix-overflow-scroll 的解决方案是,当滚动条滚动到容器末端时,自动回弹 1px,可以避免触发父级滚动。请参考 对比试验

Install

# use npm:
npm i fix-overflow-scroll
# use yarn:
yarn add fix-overflow-scroll

Usage

// es6
import fixOverflowScroll from 'fix-overflow-scroll';
// require
var fixOverflowScroll = require('fix-overflow-scroll');
 
// `scroller` 是设置了 `overflow:auto` 元素的ID选择器
fixOverflowScroll('#scroller');
1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago