如何在jQuery的帮助下使从当前滚动位置滚动到目标滚动位置的动画？

Question

I want to have scroll animation for my block. The block should scroll from current scroll position of the page(page_scroll_value) to target scroll position (my_scroll_value) .

I know about .animate() method in jQuery but I didn't find something about animation from value A to value B. How I can solve the task?

Answer 1

If I read your question right, this will work:

$("#element").animate({scrollTop: my_scroll_value}, 500);

where 100 is the duration in milliseconds.

Answer 2

here is one example

Js Fiddle

$('html, body').stop().animate({
    'scrollTop': 0 // or any specific offset postion
}, 1000)