scroll-lock - 🔨 A Javascript utility library for the native scrollbar.

  •        9

A Javascript utility library for the native scrollbar. Also preventing scroll in iOS and another touch devices. README на русском. When the scrollLock.hide() method is called, also scrolling turns off in iOS and other touch devices (essence of the problem). If we consider more specifically, scroll-lock captures touch events and processes them, in which case it causes preventDefault(). So if you call scrollLock.hide() and specif any element overflow-y value scroll, then the element will not scroll (we are talking only about the touch devices). If you wanna make any element “scrollable”, specify to that element sl--scrollable class name (it must have overflow-y property, scroll or auto) or use scrollLock.setScrollableTargets(targets) method or indicate as argument in scrollLock.hide(targets) method.



Related Projects

simplebar - Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser

  •    CSS

⚠️ SimpleBar v3 is here! Check out the beta version. npm install simplebar@3.0.0-beta.0. If you're using React, you should use our React version! npm install simplebar-react@0.0.1-beta.0. SimpleBar is a plugin that tries to solve a long time problem : how to get custom scrollbars for your web-app? SimpleBar does NOT implement a custom scroll behaviour. It keeps the native overflow: auto scroll and only replace the scrollbar visual appearance.

better-scroll - :scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance

  •    Javascript

better-scroll is a plugin which is aimed at solving scrolling circumstances on the mobile side (PC supported already). The core is inspired by the implementation of iscroll, so the APIs of better-scroll are compatible with iscroll on the whole. What's more, better-scroll also extends some features and optimizes for performance based on iscroll. better-scroll is implemented with plain JavaScript, which means it's dependency free. The size of compiled code is 63 KB, 35 KB after compressed, and only 9KB after gzip. better-scroll is a really lightweight JavaScript lib.

vuescroll - A customizable, smooth-scroll scrollbar based on Vue

  •    Javascript

It is compitable with both PC and mobile phone. Support customize scrollbar, including setting rail/bar's backgroundColor , opacity,and setting bar's keepShow or not.

WKVerticalScrollBar - A traditional-style scrollbar for iOS that integrates with existing UIScrollView or UIScrollView subclasses

  •    Objective-C

A traditional-style scrollbar for iOS that integrates with existing UIScrollView or UIScrollView subclasses.WKScrollBar draws a persistent scrollbar handle on top of a UIScrollView. When tapped and dragged, WKScrollBar will scroll proportionately to its position on the screen. This comes in handy with apps which present long lists of items (UITextView, UITableView, AQGridView, etc), as it makes it easy to navigate to any point in a list.

perfect-scrollbar - Minimalistic but perfect custom scrollbar plugin

  •    Javascript

To read documentation for versions < 1.0, please visit v0.8.1. perfect-scrollbar is minimalistic but perfect (for me, and maybe for most developers) scrollbar plugin.

Keyboard Indicator


Monitoring and controlling caps/num/scroll lock windows platform. Keyboard Indicator makes it easier for user to monitoring and controlling caps/num/scroll lock. It's developed in c#

jquery-mobile-iscrollview - JQuery Mobile widget plug-in for easy use of the iScroll javascript scroller

  •    Javascript

JQuery Mobile widget plug-in for easy use of the iScroll scroller in JQuery Mobile projects. iScroll is a javascript that can scroll content in a window within a web browser with very similar behaviour to native scrolling on mobile devices such as iPhone and Android. This means you can scroll a window within the browser using native-like scrollbars and physics.

scrollMonitor - A simple and fast API to monitor elements as you scroll

  •    Javascript

The scroll monitor allows you to receive events when elements enter or exit a viewport. It does this using watcher objects, which watch an element and trigger events. Watcher objects also contain information about the element they watch, including the element's visibility and location relative to the viewport. If your scroll container is an element other than the body you can create a container that creates watchers. The scroll monitor was designed to be very fast. On each scroll event the DOM is only touched twice, once to find the document height and again to find the viewport top. No variables are declared, nor are any objects, arrays, or strings created. Watchers are very cheap. Create them liberally.

ftscroller - FTScroller is a cross-browser Javascript/CSS library to allow touch, mouse or scrollwheel scrolling within specified elements, with pagination, snapping and bouncing support

  •    Javascript

FTScroller is a library for adding momentum scrolling to web content on devices with a touch interface, compatible across most modern platforms including desktop browsers. Although recently support for overflow: scroll (or touch equivalents) has increased, this is often still not implemented in a cross-platform or backwards-compatible way, and with no support for features like snapping. FTScroller is developed by FT Labs, part of the Financial Times. It is inspired by Touchscroll and Zynga Scroller, but is a complete rewrite. It is extensively used in the FT Web App, and was developed to achieve better performance and compatibility, including mouse and touch input.

iNoBounce - Stop your iOS webapp from bouncing around when scrolling

  •    Javascript

You've built a nice full-screen mobile webapp, complete with scrollable elements using the -webkit-overflow-scrolling property. Everything is great, however, when you scroll to the top or bottom of your scrollable element, the window exhibits rubber band-like behavior, revealing a gray tweed pattern. Sometimes, your scrollable element doesn't scroll at all, but the window still insists on bouncing around. No dependencies, no configuration, just include iNoBounce.

JTSScrollIndicator - A substitute scroll indicator for iOS UIScrollViews

  •    Objective-C

A substitute scroll indicator for iOS UIScrollViews. Looks and behaves identically to the native iOS scroll indicator, but allows custom colors. Unread - an RSS Reader – Unread, both for iPhone and iPad, uses JTSScrollIndicator to allow the scroll indicator to subtly change to an appropriate color for each of the many color themes in the app.

finger-mover - 🥊A motion effect library that integrates Fingerd and Moved

  •    Javascript

finger-mover is a motion effect library that integrates Fingerd (a development kit for finger unit event management in mobile development) and Moved (a micro movement framework). finger-mover provides many useful plugins, such as Vertical scroll simulation (simulation-scroll-y.js), Horizontal scroll simulation (simulation-scroll-x.js) and so on. finger-mover released as a umd module. You can use it in any way for your favorite. You can get global variable Fmover by serving as <script> tag.

react-router-scroll - React Router scroll management

  •    Javascript

React Router scroll management. react-router-scroll is a React Router middleware that adds scroll management using scroll-behavior. By default, the middleware adds browser-style scroll behavior, but you can customize it to scroll however you want on route transitions.

vue-infinite-scroll - An infinite scroll directive for vue.js.

  •    Javascript

vue-infinite-scroll is an infinite scroll directive for vue.js.Use v-infinite-scroll to enable the infinite scroll, and use infinite-scroll-* attributes to define its options.

reactScrollbar - Scrollbar component for React

  •    Javascript

Simple ScrollArea component built for React. For React 0.13 you need to wrap <ScrollArea> child into a function.

scroll-frame - Retain your scroll position between pages using an iframe

  •    Javascript

Retain your scroll position between pages using an iframe. Especially helpful for infinite scrolling views.

js-flipsnap - snap scroll for touch device.

  •    Javascript

flipsnap.js is snap scroll for touch device.

Gemini - Gemini is rich scroll based animation framework for iOS, written in Swift.

  •    Swift

Gemini is rich scroll based animation framework for iOS, written in Swift. You can easily use GeminiCollectionView, which is a subclass of UICollectionView. It enables you to make multiple animation which has various and customizable properties, and moreover can create your own custom scroll animation.