This website uses cookies to personalise ads and to analyse traffic ok
web design

jQuery custom content scroller

 

Code examples and tutorials

Responsive custom scrollbar with CSS3 media queries

How to use custom scrollbar plugin with CSS3 media queries and switch between vertical and horizontal scrollbars according to viewport size.

Scroll to id within element with custom scrollbar(s)

A simple jquery function to make all links pointing to id attributes within the page, work on content with custom scrollbars.

Horizontal custom scrollbar tutorial

Extensive tutorial for creating horizontally stacked content with the custom scrollbar plugin.

 

Pages: 1 2 3 4


5,627 Comments

Post a comment

Comments pages: 1 83 84 85

  1. Bristi
    Posted on October 24, 2024 at 14:08 Permalink

    This jQuery custom content scroller looks fantastic! The level of customization available is impressive, especially the ability to configure scrollbar themes and responsiveness. I can see how this would greatly enhance user experience on any website, especially those with lots of content. I can’t wait to implement this in my next project and explore all the features you’ve outlined. Thanks for sharing such a detailed guide!

    PhotoFixal

    Reply
  2. Bristi
    Posted on October 21, 2024 at 08:04 Permalink

    This passage introduces the jQuery Custom Content Scroller plugin, a highly customizable tool for creating custom scrollbars. It supports vertical and horizontal scrolling, adjustable momentum, and multiple input methods like mouse-wheel, keyboard, and touch. The plugin also offers ready-to-use themes, CSS customization, RTL support, and various option parameters for full control, along with methods for actions like scroll-to and update. It’s a versatile solution for developers looking to enhance their web scrolling functionality.

    Reply

Comments pages: 1 83 84 85

Post a comment

Your e-mail is never published nor shared. Required fields are marked *

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
You can write or copy/paste code directly in your comment using the <code> tag:
<code>code here...</code>
You may also use the data-lang attribute to determine the code language like so:
<code data-lang-html>, <code data-lang-css>, <code data-lang-js> and <code data-lang-php>

css.php