How to animate slimScroll using jQuery

javascript jquery slimscroll
Tony Diepenbrock picture Tony Diepenbrock · Aug 30, 2013 · Viewed 7.9k times · Source

How can I animate this using jQuery? I'm trying to create a smooth scroll-to function when the user clicks the span p1c1. The slimScroll is working, but I'm not sure how to incorporate an animation function into this. Should I try tweening?

$('.p1c1').on("click", function(){
    var fromTop = $('.p2c1').position().top;
    $("#panel2").slimScroll({ scrollTo: fromTop  });
});

This is the type of animation I'm trying to do, but within my slimScroll panel:

$('html, body').animate({
    scrollTop: $(".middle").offset().top
}, 2000);

Here is the slimScroll library: https://github.com/rochal/jQuery-slimScroll/

Answer

Edragame picture Edragame · Sep 30, 2013

I was looking for the same thing but couldn't find an existing solution - so I've made a simple fork of rochal's code. You can find it here: https://github.com/edragame/jQuery-slimScroll

The only change I made was to add an animate option, like so:

$("#panel2").slimScroll({ scrollTo: fromTop, animate: true });

Let me know if that helps.

Related questions

horizontal scrollbars with slimscroll

I use slimscroll for my scrolling needs and it works great. Now I have need for horizontal scrolling. A quick google search gives me some results to references in the github source code and some issues which indicates that that …

Read More
jQuery slimScroll to always start at the bottom

I have a container that have already a slimscroll, and a button to add new item to the last element. I want the scrollBar of slimscroll to always start at the bottom. Any help please? :( <div> <ul …

Read More
slimScroll is not defined on Browser Back Button

I have a basic code that uses the jquery.slimscroll, which works perfectly fine on page load. But if I navigate to an inner page and try to go back using the "back" button on browser, I get the following …

Read More