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,609 Comments

Post a comment

Comments pages: 1 82 83 84

  1. Mauro Vicariotto
    Posted on June 4, 2023 at 20:58 Permalink

    Your plugin is very good and I’m using it since 2019.
    It’s a pity that with jQuery 3.7.0 the rail dots don’t work properly in drak dots theme (my preferred).
    It works until jQuery 3.4.0 (probably 3.6.0 but didn’t test): since 3.7.0 the rail disappears, function repeat-y doesn’t work and appear only first black dot and first blank space (base64).

    Reply
  2. PBR
    Posted on May 17, 2023 at 14:21 Permalink

    I am using mCustomscrollbar plugin for firefox browser, to. make visible scrollbar for datatable, after using this plugin the scrollbar is visible. But the issue is here is sticky header and footer are not sticky. Can any one help me resolve this issue. Thank you.

    Reply
  3. clipping world
    Posted on May 17, 2023 at 14:17 Permalink

    providing a seamless and engaging user experience is crucial for any website or application. One remarkable tool that has revolutionized the way we handle scrolling and content navigation is the jQuery Custom Content Scroller. This powerful and versatile solution has garnered widespread acclaim for its ability to transform the way users interact with web content, making browsing a truly enjoyable and intuitive experience.

    Reply
  4. Rajasekar
    Posted on April 6, 2023 at 15:10 Permalink

    How can we scroll the content left and right side while click on the content and hold the mouse click instead of mouse wheel?

    Reply
  5. pixel clipping
    Posted on April 3, 2023 at 23:22 Permalink

    Excellent post. I understand some tough stuff on different blogs everyday. Usually it is to study the content using their company writers and stimulate some rehearsals from their store. I’d rather use something with the content on my weblog if you don’t mind. Naturally I’ll provide you with a link on your web blog. Thanks for sharing. see my website https://pixelclippingpath.com/

    Reply
  6. Panny
    Posted on April 1, 2023 at 20:17 Permalink

    Great post that shows how a major Deep Learning accomplishment works

    Reply
  7. Eric
    Posted on March 24, 2023 at 12:10 Permalink

    You can visit https://triviatalent.com/daily-trivia/ to see how it work.

    Reply
  8. Alisa
    Posted on March 13, 2023 at 06:25 Permalink

    How to make a horizontal scroll bar?
    Thanks for previous informations.

    Reply
  9. lihua
    Posted on February 20, 2023 at 13:24 Permalink

    Hi! How to make a horizontal scroll bar scroll from right to left in an RTL layout?

    Reply
  10. Lance
    Posted on February 17, 2023 at 06:45 Permalink

    Great post that shows how a major Deep Learning accomplishment works

    Reply
  11. Biju
    Posted on February 10, 2023 at 08:06 Permalink

    Hi. How can we smooth mousewheel scrolling? Inertia only works with the dragger bar. Thanks.

    Reply
  12. Slava
    Posted on November 3, 2022 at 15:42 Permalink

    Hello! Please tell me how to add a class to the active link when scrolling?

    Reply
  13. jaspreet singh
    Posted on April 18, 2022 at 11:28 Permalink

    Hi Malihu,

    Can we position the dragbar only at the top of the content instead of the bottom of the content in case of vertical scrollbar?

    Reply
  14. Brian Hearne
    Posted on March 29, 2022 at 15:54 Permalink

    Hi there. How can we achieve smooth scrolling with the mousewheel? The inertia setting only seems to work with the dragger bar. many thanks.

    Reply
  15. Rahul
    Posted on February 27, 2022 at 20:46 Permalink

    Hi
    i am getting an error such as e.indexOf is not a function while using uodated version with jquery 3.6.0

    Reply
    • San
      Posted on September 2, 2022 at 14:13 Permalink

      Me too…

      Version 3.1.5. and JQuery 3.6
      Downloaded, Linked and with the initialization via javascript I get the following Error:

      $(…).mCustomScrollbar is not a function

      🙁

      Reply
  16. [email protected]
    Posted on February 9, 2022 at 13:15 Permalink

    Well,
    you can also do it with CSS only.

    Reply

Comments pages: 1 82 83 84

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