NiceScrollbars

This Javascript library allows you to replace operating system dependent scrollbar elements with something that you can fully style using CSS rules while you still get the standard, usual behaviour on different platforms like desktop computers, smart phones and touch screen based tablets.

Library supports <DIV>, <TEXTAREA> and multiple <SELECT> elements.

Please visit project website to download the code!

Features

supports: DIV, TEXTAREA and multiple SELECT
version available for Prototype API and jQuery (under development)
supports touch screen (provides usual behaviour, finger based content drag&drop) - not only mouse based browsers
tested with IE, Firefox, Safari, Chrome
scrollbars can attach (inside or outside) automatically to its target element - or not, its up to you
fires custom events - you can observe and react for
provides you access to the representant DIV structure - you can manipulate (e.g. reorder buttons...) what NiceScrollbar creates

Project Samples

Project Activity

See All Activity >

License

Other License

Follow NiceScrollbars

NiceScrollbars Web Site

Other Useful Business Software

Gen AI apps are built with MongoDB Atlas

The database for AI-powered applications.

MongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.

Start Free

Rate This Project

User Reviews

Be the first to post a review of NiceScrollbars!

Additional Project Details

Intended Audience

Developers

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software, JavaScript Design Software, JavaScript Libraries

Registered

2013-01-22

Similar Business Software

Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. Item...

See Software
Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations...

See Software
Emotion

Emotion is a performant, flexible CSS-in-JS library designed for writing CSS styles using JavaScript, supporting both string-based and object-based styles while delivering a strong developer experience, complete with source maps, labels, and testing utilities. It offers two powerful usage...

See Software
Polymer

The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be instantiated using a constructor or...

See Software
Screenfull.js

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have to. If you cannot use ESM or need to support older browsers without using transpilation,...

See Software
Animate On Scroll (AOS)

Animate on scroll library. In order to make it work, you'll have to make sure your build process has configured styles loader and bundles it all correctly. If you're using Parcel, however, it will work out of the box as provided. AOS object is exposed as a global variable, for now, there are...

See Software