ultimate-body-scroll-lock

Body scroll locking that just works with everything
693
vue react scroll angular modal mobile vanilla-js lock toggle desktop tablet ios body scroll body scroll lock react scroll lock react scroll
Install
npm install ultimate-body-scroll-lock
Latest Version:0.1.3
License:MIT
Last Updated:Aug 9, 2019
Links: npm
Maintainer: ben-freework

Fork of https://github.com/tuateam/tua-body-scroll-lock

Fixes the scroll locking on desktop

tua-body-scroll-lock

inspired by body-scroll-lock

dependencies Downloads per month Version License

English | 简体中文

Introduction

tua-body-scroll-lock enables body scroll locking for everything.

Why not body-scroll-lock?

  • Doesn't work on Android webview
  • Doesn't work on PC with mouse wheel
  • Doesn't work on iOS, if you touch somewhere instead of targetElement
  • Must pass targetElement, even if it's not necessary

Try This

Install

$ npm i -S tua-body-scroll-lock
# OR
$ yarn add tua-body-scroll-lock

Usage

normal

import { lock, unlock } from 'tua-body-scroll-lock'

lock()
unlock()

targetElement need scrolling（iOS only）

In some scenarios, when scrolling is prohibited, some elements still need to scroll, at this point, pass the targetElement.

import { lock, unlock } from 'tua-body-scroll-lock'

const targetElement = document.querySelector("#someElementId")

lock(targetElement)
unlock(targetElement)

The targetElement is not required on the PC and Android.

Test

testLink

bodyScrollLock

Contributors

Thanks goes to these wonderful people (emoji key):

evinma
evinma
💻 📖		StEve Young
StEve Young
📖

This project follows the all-contributors specification. Contributions of any kind welcome!

Related Packages

body-scroll-lock

Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/...

73,022,244 4,095
angular body scroll body scroll lock bsl desktop disable freeze ios lightbox lock +11
tua-body-scroll-lock

🔐Body scroll locking that just works with everything

7,339,774 448
angular body scroll body scroll lock bsl desktop disable freeze ios lightbox lock +11
body-scroll-lock-upgrade

Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/...

4,889,353 138
angular body scroll body scroll lock bsl desktop disable freeze ios lightbox lock +12
v-body-scroll-lock

Vue directive for an easy use of the body-scroll-lock library.

11,984 30
body scroll body scroll lock lock scroll vue body directive scroll lock v-body-scroll-lock
text-truncate-scroll

A light-weight js utility that truncates overflowing text with ellipsis, and sho...

11,369 15
angular overflow react scroll css ellipsis hover html responsive responsiveness +4

Version History

Version Released License
0.1.3 MIT
0.1.2 MIT
0.1.1 MIT