LoginGet started — it’s free
Made in Webflow

Lock Body Scroll (iOS Included)

Clone in Webflow463
CJ Hersh's avatar
by CJ Hersh
4.8k
site profile thumbnail

Description

A valuable utility for the Webflow community: Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus). Features: - Disables body scroll WITHOUT disabling scroll of a target element - Works on iOS mobile/tablet (!!) - Works on Android - Works on Safari desktop - Works on Chrome/Firefox The Custom Code is 2 Parts: 1. Desktop solution, courtesy of @Sabanna 2. Mobile touch + iOS solution, courtesy of Bohdan Didukh

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
noscroll

More by CJ Hersh

See profile
View details
Webflow Sticky Sections
684
2.7k
© 2022 Webflow, Inc. All rights reserved.