Home > Scroll

Scroll

Stickybits – Lightweight Alternative to position:sticky Polyfills

Stickybits – Lightweight Alternative to position:sticky Polyfills

Stickybits is a lightweight alternative to position: sticky polyfills that works perfectly for things like sticky headers. Features: it can add a CSS Sticky Class (.js-is-sticky) when position: sticky elements become active and a CSS Stuck Class (.js-is-stuck) when they become stuck. it loosely mimics position: sticky to consistently stick elements vertically across multiple …

Read More »

Theia Sticky Sidebar with jQuery

theia-sticky-sidebar-with-jquery

Glues your website’s sidebars (or any vertical column for that matter), making them permanently visible when scrolling up and down. Useful when a sidebar is too tall or too short compared to the rest of the content.

Read More »

Minimal One Page Scroll In Pure JavaScript – skrllr.js

Minimal One Page Scroll In Pure JavaScript – skrllr.js

skrllr.js is a lightweight, flexible JavaScript plugin that implements the basic, touch-enabled fullscreen one page scrolling effect to your long web content. Also supports for mouse wheel and keyboard interactions. The Skrllr library lets you transform your website into a one page scroll website that allows users to scroll one page at …

Read More »

Pure CSS One Page Scroll Effect

Pure CSS One Page Scroll Effect

Creating a pure HTML/CSS solution fullscreen/smooth, one page scroll effect for your single page web application. Based on CSS3 and radio & label hacks. Allows the user to navigate between pages with side navigation and/or arrow keys.

Read More »

AnimusJS – Element Animations On Scroll

AnimusJS – Element Animations On Scroll

AnimusJS is the solution for combine JS and CSS animations. AnimusJS AnimusJS is the solution for combine JS and CSS animations. With AnimusJS, you can create animations Changing CSS Classes or using JavaScript Functions very easy! Live Example: http://codepen.io/soutomario/pen/akrwxp?editors=0010 First things first… npm install animusjs or git clone https://github.com/soutomario/animusjs.git After …

Read More »

sticky-js – Pure JavaScript Sticky Element Library

sticky-js - Pure JavaScript Sticky Element Library

Sticky-js is a vanilla JavaScript library which makes DOM elements to be fix positioned relative. With this library you can easily set sticky elements on your website. It’s also responsive. Features Written in vanilla javascript, no dependencies needed Lightweight (minified: ~6.08kb, gzipped: ~1.67kb) It can be sticky to the entire page or …

Read More »

Optiscroll – Custom Scrollbars for Modern Webapps

Optiscroll – Custom Scrollbars for Modern Webapps

Optiscroll is a light, modern and possible to not affect the performance of your webapp. Optiscroll does not change the scrolling logic with Javascript. It only hides original scroll bars and allows you to style scroll bars as you like. Moreover, Optiscroll adds custom events and methods to extend browser …

Read More »

AOS – Animate Elements On Scroll

AOS - Animate Elements On Scroll

Aos is a javascript library which uses CSS3 animations to animate elements on page scrolling. AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, element will animate to it’s previous state and is ready to animate again if you scroll down. How …

Read More »