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

Post a comment

Comments pages: 1 79 80 81

  1. Bilja
    Posted on December 8, 2017 at 12:35 Permalink

    Can I have a horizontal scroller that is moved from left to right, not right to left.
    Better than, can I have two scroller images section, with one scrollbar in the middle for both section.
    Top scroller section to move from right to left, and bottom scroller section to move from left to right on same scrollbar move.

    Thank you

    Reply
  2. Keyser
    Posted on December 4, 2017 at 14:36 Permalink

    Hello,
    Thank to share with us your nice plugin veru usefull.
    Im searching for a callback to check if all mCustomScrollbar are ready then do something.
    Any idea ?

    Thank to everyone

    Reply
  3. rizwan
    Posted on November 22, 2017 at 12:26 Permalink

    scrollbar not working in IE-Edge latest browser any solution how to overcome this problem??

    Reply
  4. Cyril
    Posted on November 16, 2017 at 19:54 Permalink

    Hi,

    I’ve have an issue when i use this plugin with jquery sortable on scrolling up and down during sort.
    With natural scrollbar no problem. But when the plugin is in use, the scroll doesn’t work.

    Any idea ?

    Reply
  5. pipes-manysman
    Posted on November 15, 2017 at 10:42 Permalink

    Hi
    I’m using your jQuery Scrollbar and it works very well
    thanks

    Reply
  6. Arun
    Posted on November 8, 2017 at 22:01 Permalink

    Hi,

    I am loading a div’s dynamically onclick of a button inside the scroll content (horizontal scroll). But if I have content above the scroll div and then I append the div, whole page jumps a little bit to top.Kind off annoying.

    Any help?

    Same issue could be recreated in our “max-width_example” too. If we add some dummy text on top of the scroll parent div and then click add image link, the page jumps slightly to top. Sorry if the issue is already been asked in this forum.

    Reply
  7. Andrea
    Posted on October 28, 2017 at 17:11 Permalink

    Hi guys, can you tell me why when I click on a input text of a form the site returns on the first page? Sorry for my bad english

    Reply
    • Keyser
      Posted on December 4, 2017 at 14:39 Permalink

      Just add preventDeault function in your event like :

      $('body').click(function(event) { event.preventDefault(); // do what you want now });

      Reply
  8. Julien
    Posted on October 6, 2017 at 11:47 Permalink

    For those who came into the same issue (everything works except one finger scrolling on Mozilla Firefox 45) this is due to Mozilla configuration. Go into about:config then setting dom.w3c_pointer_events.enabled to true did the trick.

    Reply

Comments pages: 1 79 80 81

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