scrolling items example using greensock

tweenmax_items.js

$(document).ready(function(){

    var scrollContainer = Gumby.$dom.find("#social-items");
    var scrollEl = scrollContainer.find("li");
    var padding = parseInt(scrollEl.find(".social-item").css("marginBottom"));
    var height = (scrollEl.height() + padding ) * (scrollEl.length - 3);
    //create tween:
    var socialTween = TweenMax.to(scrollEl, 7, {css:{ top: -height + "px"},
        delay: 2, ease:Sine.easeInOut, repeat: -1, repeatDelay: 1, yoyo: true});
    //events:
    scrollContainer.on("mouseenter", function(){
        TweenLite.to(socialTween, .3, {timeScale:0});
    });
    scrollContainer.on("mouseleave", function(){
        TweenLite.to(socialTween, .1, {timeScale:1});
    });
})