vue-scroll-lock 一个VUE 组件:子元素 scroll 父元素容器不跟随滚动(兼容PC、移动端) 【 React 请移步react-scroll-lock-component】 文档& 例子 Document & Demo 使用 npm install vue-scroll-lock --save // or yarn add vue-scroll-lock // main.jsimportVueScrollLockfrom'vue-scroll-lock'Vue.use(Vue...
v-body-scroll-lock A Vue directive to lock the body from scrolling without stopping the target element from scrolling. Uses the body-scroll-lock library (https://github.com/willmcpo/body-scroll-lock). Works on mobile and tablet (iOS, Android) and desktop (Chrome, Firefox, Safari). Table ...
npm i @fastkit/vue-body-scroll-lock Repository github.com/dadajam4/fastkit Homepage github.com/dadajam4/fastkit#readme Weekly Downloads 25 Version 0.2.11 License MIT Unpacked Size 11.5 kB Total Files 6 Issues 1 Pull Requests 0 Last publish 5 months ago Collaborators Try on RunKit Report malw...
vue-scroll-lock是一个Vue组件,用于实现子元素滚动时父元素容器不跟随滚动的效果,同时兼容PC端和移动端。 该组件通过监听子元素的滚动事件,并利用CSS属性进行样式控制,实现父元素容器固定不滚动的效果。无论是在PC端还是移动端,都可以实现平滑的滚动体验。 使用vue-scroll-lock组件非常简单,只需将需要固定的父元素...
vue-body-scroll-lock是一个Vue指令,用于在不影响目标元素滚动的情况下锁定页面整体的滚动。通过该指令,可以实现在弹出层或其他需要固定页面滚动的情况下,同时保持特定元素的滚动功能不受影响。这个插件能够帮助开发者更灵活地控制页面滚动行为,提升用户体验,是构建交互性强大的Vue应用程序时的有用工具之一。A Vue ...
VueScrollLock是一个Vue组件,用于实现子元素滚动时父元素容器不跟随滚动的效果。这个组件可以在PC端和移动端上使用,兼容不同的设备。 使用方法如下: 1. 首先在项目中安装VueScrollLock组件: ```bash npm install vue-scrolllock --save ``` 2. 在需要使用VueScrollLock的组件中引入并使用它: ```html import ...
A Vue directive to lock the body scroll without stopping the target element from scrolling. - vue-body-scroll-lock/package.json at master · martinbuezas/vue-body-scroll-lock
A Vue.js directive for body scroll locking without breaking scrolling of a target element. - phegman/v-scroll-lock
constactual=awaitvi.importActual('@vueuse/shared') return{ ...actual, isIOS:true, } }) constaddEventListener=vi.spyOn(targetEl,'addEventListener') constremoveEventListener=vi.spyOn(targetEl,'removeEventListener') constisLock=useScrollLock(targetEl) ...
"name": "v-body-scroll-lock", "description": "Vue directive for an easy use of the body-scroll-lock library.", "version": "1.0.2", "version": "1.1.3", "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", 11 changes: 9 additions & 2 deleti...