fix-overflow-scroll

1.0.4 • Public • Published

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');
 

Package Sidebar

Install

npm i fix-overflow-scroll

Weekly Downloads

2

Version

1.0.4

License

MIT

Unpacked Size

10.4 kB

Total Files

5

Last publish

Collaborators

  • onepixel