jQuery: How to animate this scrollTop?

Question

$("#wrapper").scrollTop($("#wrapper").scrollTop()+$("div.element.active").position().top);    
})

http://jsfiddle.net/yuFk5/250/

This script includes a workaround to allow scrolling with overflow hidden, but I am getting confused about how to implement animate into this to give the animation a duration.

[Same as here](http://stackoverflow.com/questions/11800090/animate-jquery-scrolltop) — Shaunak Shukla, Jul 18 '14 at 15:02

score 3 · Accepted Answer · answered Jul 18 '14 at 14:51

3

Based off the code in your jsFiddle

$( document ).ready(function() {
    $("#foo").click(function() {
        $("#wrapper").animate({'scrollTop': $("#wrapper").scrollTop()+$("div.element.active").position().top}, 400);    
    })
});

answered Jul 18 '14 at 14:51

Blake Plumb

6,779
3
33
54

jQuery: How to animate this scrollTop?

1 Answers1