带有固定文本的jQuery动画

我需要创建一个以上类型的动画，其中左手边的站点文本应该从下到上连续移动，而右手边的文本（“我的固定文本”）应该与之对齐，并且该文本是固定的（不移动）。我如何使用jQuery实现它

我看到了这个链接，但并不完全符合我的要求

---

您应该有一个左右列。右列浮动在左列的旁边

参见我的示例：

---

对不起，我写错了，请尝试将固定文本放在平行Div中，我很抱歉man@JotDhaliwal你能在JSFIDLE上做一个小样本吗？当然，我正在准备you@JotDhaliwal谢谢。：）你一直都很热情欢迎你。。难以置信的汤姆。非常感谢。：）好朋友。。。Cheers@Tomlankorst有一个小问题。当我转到另一个页面并返回时，它显示项目重复。请您纠正这个问题。提前谢谢。@Sampath，当然愿意，但我无法重现您的问题。你能给我发个链接吗？是的。你只需要打开你在这里做的fiddler并让它运行。然后转到另一个网页并返回以前打开的JSFIDLE页面。然后它应该显示为重复项。请检查。

var ticker = $('#ticker');
var container = $('#ticker > div');
var spacing = ticker.outerHeight() - ticker.height();

function animator(currentItem) {
    var distance = currentItem.outerHeight() + spacing;

    var currentTop = parseInt(container.css('margin-top'), 10);

    var duration = (distance + currentTop) / 0.05;

    container.animate({ marginTop: -distance}, duration, "linear", function() {
        var parent = currentItem.parent();

        currentItem.detach();
        parent.css("marginTop", 5);

        parent.append(currentItem);
        animator(parent.children(":first"));
    });
};

var initCarroussel = function(selector, period)
{
    var containerEl  = $(selector);
    var animating    = false;
    setInterval(function(){

        if(animating){
            return;
        } else {
            animating = true;
        }

        // Clone the first item
        var carrousselEl    = containerEl.find('.carroussel');
        var firstEl         = carrousselEl.children().first();
        var clonedEl        = firstEl.clone();

        carrousselEl.append(clonedEl);

        carrousselEl.animate({
            marginTop: [0 -30] 
        },period-100,'swing',function(){
            firstEl.remove();
            carrousselEl.css('margin-top', 0);
            animating = false;
        });

    },period);
}

$(function(){
    initCarroussel('#myCarroussel', 1000); 
});