使用jQuery相对移动可滚动内容

Question

I have a container with scrollable contents, and I need to move the position of the scroll relatively to its current position, say 20 pixels downwards. I'd like to use ScrollTo plugin, alternatively the scrollTop() jQuery function.

So if I run the desired command again and again, the container scroll is supposed to continue moving until reaching the end. Pseudo-code:

$(myContainer).scrollTo( { delta: '+20px' } );

Answer 1

scrollTop should do it:

$('#myContainer').scrollTop($('#myContainer').scrollTop() + delta);

try it on jsfiddle