引见

我们常常碰到一种状况。当滑动转动条地区时，子元素转动条到底部或顶部时就会触发父级转动条，父级转动条同剖析继承向上触发，直至body容器。这是浏览器默许的转动行动。

然则许多状况，我们想要子元素转动完成后，不触发父元素的转动，比方 modal、侧边栏 等等。

细致文档 & 例子

Document & Demo

vue-scroll-lock

一个 VUE 组件：子元素 scroll 父元素容器不追随转动（兼容PC、挪动端）

【 React 请移步 react-scroll-lock-component 】

运用

npm install vue-scroll-lock --save
// or
yarn add vue-scroll-lock

// main.js
import VueScrollLock from 'vue-scroll-lock'

Vue.use(VueScrollLock)

// ***.vue
<scroll-lock>
  <div class="content">
    // ...something
  </div>
</scroll-lock>

孝敬

迎接 Star、PR

// install
npm install | yarn

// dev
npm run dev

THANKS

挪动端的完成参考张鑫旭的web挪动端浮层转动阻挠window窗体转动JS/CSS处置惩罚

LICENSE

MIT