slimscroll

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/

I am using the slimscrollbar plugin. It is working fine in Web Browser, but its very slow in mobile browser. Any solution to increase the speed that work for mobile? If you have used the slimscrollbar plugin found here: http://rocha.la/jQuery-slimScroll you may want to change the setting of "touchScrollStep" to round 50. The default is 200 which is pretty slow, less than 200 is faster and -200 is inverted scrolling "natural". Some code: $('#slimscroll').slimScroll({ size: '5px', height: '600px', alwaysVisible: false, touchScrollStep: 50 }); Cheers, david Change the touchScrollStep does not

I'm using fullpage.js and the slimscroll.js plugin, which is required to allow scrolling in a section which has content that exceeds the height it's container section. I've noticed that the experience is quite bad on touch devices. Whereas normally you can swipe, release and watch the page still scroll, on a slimscroll div as soon as your finger leaves the touch area, the scrolling stops. So what I'd like to do is disable fullpage.js on mobiles and tablets, but still enable it on desktops. I checked out fullPage.js's issues and documentation but I couldn't find a simple way of doing this.

I have a striped table done using Bootstrap Table with the following code (from first example on http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html ). I need to find a way for the scrollbar to look like one generated by slimScroll ( http://rocha.la/jQuery-slimScroll ). This is a non-negotiable client requirement. <table data-toggle="table" data-url="data1.json" data-cache="false" data-height="299"> <thead> <tr> <th data-field="id">Item ID</th> <th data-field="name">Item Name</th> <th data-field="price">Item Price</th> </tr> </thead> </table> Questions: 1) Is this doable, and if so -