50 Simple Custom jQuery Scroll for Your Website Project

Greetings, Today i would like to provide various impressive jQuery scroll we’ve collected for you personally. This plugin will assists scrolling and smoothly snaps to sections on your websites.

These jQuery scrollbar plugins is great for improving user experiences of your website by creating interactive beautiful UI design such as; parallax scrolling, page scroll effects styling and animation, horizontal/vertical website scroll, infinite scroll pagination and much more.

A scrollbar is an interaction technique or widget in which continuous text, pictures, or any other content can be scrolled in a predetermined direction on a computer display, window, or viewport so that all of the content can be viewed, even if only a fraction of the content can be seen on a device’s screen at one time. [ Wikipedia ]

In this post, you will find jQuery scroll for your next project. If you feel this articles is useful for you then make sure you distribute it through social networks, we will appreciate it.

See Also: 18 Parallax Scrolling Tutorials

Scrollbear

scrollbear_maintain_scroll_position_when_images_loaded

Scrollbear is a tool that maintains the container scroll position when images loaded.

DemoDownload

Multi-Layered Parallax Illustration with CSS and Javascript

multilayered_parallax_illustration_with_css_and_javascript

A tutorial about how to create a simple multi-layered illustration with depth that transitions into the content in a unique way.

DemoDownload

Parallax-Scroll

parallaxscroll

Parallax-Scroll is a jQuery plugin to create elements with background images that behaves as if their background-attachment property is between scroll and fixed, similar to the parallax scrolling effect you see on Spotify.

DemoDownload

jQuery Progress Indicator on PageScroll

jquery_progress_indicator_on_pagescroll

A jQuery plugin that show progress indicator on page scroll looks like Youtube progressbar. Youtube progressbar indicates while page is loading, but this plugin indicates on page scroll.

DemoDownload

Page Scroll Effects

page_scroll_effects

A tutorial about creating experimental page scroll effects. All animations have been created using Velocity.js.

DemoDownload

jQuery.scrollable

jquery.scrollable_animated_scroll_elements_or_windows

jQuery.scrollable manages animated scrolling in windows, scrollable elements and iframes. It frees you from handling gotchas and edge cases and offers convenient, flexible options for animation.

DemoDownload

Material Scroll Animation with CSS and Javascript

material_scroll_animation_with_css_and_javascript

Material Scroll Animation is an animation concept for scroll animation in material design.

DemoDownload

Sticky Header jQuery Plugin

sticky_header_jquery_plugin

Sticky Header is a simple jQuery plugin for making sticky header. Also tihs plugin has some options to customize.

DemoDownload

Intence

intence_javascript_library_to_create_beautiful_scrolling_indicator

Intence is a new UX concept and a JavaScript library which reflects the scrolling state in a simple and intuitive manner.

DemoDownload

Material ScrollTop Button

material_scrolltop_button

Lightweight, Material Design inspired plugin for scrolling on top of page with jQuery.

DemoDownload

Eco-Scroll.js

ecoscroll.js_ecofriendly_jquery_scroll_plugin

Eco-Scroll.js is a eco-friendly jQuery scroll plugin with inifinite possibilities.

DemoDownload

Scrollissimo

scrollissimo_javascript_plugin_for_smooth_scrollcontrolled_animations

Scrollissimo is a javascript plugin to create smooth scroll-controlled animations. It also support touch devices.

DemoDownload

Scrollport.js

scrollport.js_jquery_plugin_for_scrolling_animation

Scrollport.js is a new jQuery plugin for scrolling animation. Plugin can not only animate the scroll, but also to assign references by clicking on which to begin the animation.

DemoDownload

Interdimensional

interdimensional_spatial_scrolling_for_your_web_pages

Interdimensional is a spatial scrolling for modern devices with a gyroscope. Only modern devices are supported

DemoDownload

jQuery toTop()

jquery_totop_smoothly_scroll_back_to_top

jQuery toTop() is a simple, customizable and ultra light-weight plugin for smoothly Scroll back to Top.

DemoDownload

jQuery Web Ticker

jquery_web_ticker

Web Ticker is a jQuery plugin that allows you to have items scrolling indefinitely across the screen. It uses some fancy calculations to ensure smooth continuous transitions.

DemoDownload

Vertical Fixed Navigation

vertical_fixed_navigation

A tutorial about creating smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

DemoDownload

Endless River

endless_river_jquery_content_scroller

Endless River is a jQuery plugin, that animates content and make it scroll endlessly. EndlessRiver will calculate the best width for the

DemoDownload

Simple Background Parallax Scrolling in JavaScript

simple_background_parallax_scrolling_in_javascript

A tutorial about creating simple background parallax scrolling in JavaScript.

DemoDownload

Roll.js

roll.js_javascript_library_to_track_scrolling

Roll.js is a tiny javasript library to help you keep track of position, scrolling, and pagination.

DemoDownload

jQuery Sticky Elements

jquery_sticky_elements

A jQuery plugin to create sticky elements, worrying how to keep your div at position you want, want to create rules for it to stay & hide, jQuery-sticky-elements is made just for you.

DemoDownload

Jump.js

jump.js_smooth_scrolling_library

jump.js is a small, modern, dependency-free smooth scrolling library.

DemoDownload

smartscroll

smartscroll_jquery_plugin_for_scrolljacking_autohashing

smartscroll is a tiny jQuery plugin that has these independent features: Section scrolling (Scrolljacking), Auto-hash and Responsive.

DemoDownload

Sticky Elements

sticky_elements

Sticky Elements is a javascript library to make everytihng sticky with animation. It has some options to customize.

DemoDownload

jQuery ScrollStop

jquery_scrollstop_fires_events_when_scrolling_stops_and_starts

ScrollStop is a jQuery plugin that fires two events on window when scrolling starts and stops: scrollstart and scrollstop.

DemoDownload

Smooth Scrollbar

smooth_scrollbar_custom_scrollbar_with_smooth_scroll

Customize scrollbar in modern browsers with smooth scrolling experience.

DemoDownload

jQuery Sequency

jquery_sequency_beforeafter_image_sequence_scrolling

jQuery Sequency is a jQuery plugin for before/after image comparison on scroll.

DemoDownload

Space.js

space.js_html_driven_narrative_3d_scrolling

Space.js is a HTML-driven JavaScript-library for narrative 3D-scrolling. The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility.

DemoDownload

Optiscroll

optiscroll_custom_scrollbars_for_modern_webapps

Optiscroll is an tiny and highly optimized custom scrollbar library for modern web apps.

DemoDownload

Horizon Swiper

horizon_swiper_lightweight_jquery_swiper_plugin

Horizon Swiper is a lightweight and free jQuery swiper plugin. It has many options and it works with your simple native browser scrolling.

DemoDownload

StickySort

stickysort_sticky_table_headers_with_sorting

StickySort is a jQuery plugin for adding sticky headers and columns to your tables, complete with an extended sorting function.

DemoDownload

Section Scroll

section_scroll_jquery_plugin_for_scrollable_sections_navigation

Section Scroll is a jQuery plugin for automatically making scrollable sections navigation. You can create one page scrolling website with this plugin.

DemoDownload

Enllax.js

enllax.js_lightweight_jquery_plugin_for_parallax_scrolling_effect

Enllax is an ultra-lightweight and super easy to use plugin for parallax scrolling effect.

DemoDownload

Scrollgress

scrollgress_jquery_plugin_to_display_progress_bar_on_scroll

Scrollgress is a simple, lightweight jQuery plugin used to display a progress bar at the top of the page that fills up as the user scrolls.

DemoDownload

Auto-Hide Sticky Header

autohide_sticky_header

Auto-hide sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same.

DemoDownload

awNotices

awnotices_jquery_news_ticker

awNotices is a jQuery plugin to create news ticker with start/stop option.

DemoDownload

Slick Custom Scrollbar

slick_custom_scrollbar

Slick Custom Scrollbar lets you replace the default browser scrollbar on long content with a custom one instead, styled using pure CSS. Easily modify the look of the scrollbar using all the power afforded to you by CSS, whether it’s giving it a background image, rounded corners, CSS3 shadows, or changing its thickness etc.

DemoDownload

jankyscroll.js

jankyscroll.js_javascript_plugin_to_put_little_jank_in_your_scroll

jankyscroll.js is a javascript scrolling plugin that doesn’t need to exist. Wit this plugin you can put a little jank in your scroll, or a lot.

DemoDownload

DragScroll

dragscroll_javascript_library_for_drag_drop_scrolling

Dragscroll is a tiny javascript library which enables scrolling via holding the mouse button (drag-n-drop style).

DemoDownload

AOS

aos_animate_on_scroll_library

AOS is a small library that allows you to animate elements as you scroll down, and up.

DemoDownload

liMarquee

limarquee_jquery_news_ticker_marquee_plugin

liMarquee is a jQuery plugin that allows you to move/scroll any web page elements – images, text, tables, form elements, etc. It’s customizable news ticker / marquee plugin.

DemoDownload

How to Implement Smooth Scrolling in JavaScript

how_to_implement_smooth_scrolling_in_javascript

Smooth scrolling is a user interface pattern that progressively enhances the default in-page navigation experience, animating the change of position within the scroll box from the location of the activated link to the location of the destination element indicated in the hash fragment of the link URL.

DemoDownload

MakeFixed.js

makefixed.js_jquery_plugin_to_create_sticky_elements_on_scroll

MakeFixed.js is a jQuery plugin to dynamically set up elements to be fixed during scroll. It’s lightweight and allows callback functions.

DemoDownload

Auto-Hiding Navigation with CSS and jQuery

autohiding_navigation_with_css_and_jquery

A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.

DemoDownload

Scrolline.js

scrolline.js_scroll_line_bar_indicator_on_page

Scrolline.js is a jQuery plugin to create a scroll line bar indicator on the page.

DemoDownload

Responsive 3D Fold Animation on Scroll

responsive_3d_fold_animation_on_scroll

Responsive 3D Fold Animation on scroll, very easy to use.

DemoDownload

jQuery.scrollSpeed

jquery.scrollspeed_modify_vertical_scrolling_speed

jQuery.scrollSpeed is a lightweight jQuery plugin for modifying vertical scrolling speed in modern web browsers.

DemoDownload

jQuery.loadScroll

jquery.loadscroll_dynamically_load_images_while_scrolling

jQuery.loadScroll is a simple jQuery plugin for dynamically loading images while scrolling.

DemoDownload

HorizonScroll.js

horizonscroll.js_jquery_plugin_for_horizontal_scrolling_websites

HorizonScroll.js is a jQuery plugin which allows for websites to scroll left and right horizontally.

DemoDownload

Smart Table Scroll

smart_table_scroll

Build 1MM row tables with native scroll bars by reusing and yielding nodes.

DemoDownload

Responsive jQuery News Ticker Plugin with Bootstrap

responsive_jquery_news_ticker_plugin_with_bootstrap

Bootstrap News Box is a jQuery and Bootstrap 3 based plugin for creating a clean responsive news ticker/slider that allows you to vertically scroll html contents with autoplay and up/down navigation support.

DemoDownload

ScrollTrigger

scrolltrigger_scroll_based_animations_with_ease

Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn’t jack the users scroll, that way the user / browser keeps their original scroll behaviour.

DemoDownload

Elevator.js

elevator.js_back_to_top_button_that_behaves_like_real_elevator

elevator.js is a “back to top” button that behaves like a real elevator, by adding elevator music to quietly soothe the awkwardness that can ensue when being smoothly scrolled to the top of the screen.

DemoDownload

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Please support the site
By clicking any of these buttons you help our site to get better :)