javascript - 在网络冒险游戏中滚动文本以进行叙述

Question

我似乎无法得到我想要的确切效果。基本上我希望文本从文本区域的底部向上滚动，然后一旦文本条目的底部滚动到视图停止滚动。文本条目可能比文本字段长，所以我希望用户能够根据需要滚动文本。

我玩过 marquee 和 JavaScript，但没有得到想要的效果。我宁愿远离第三方插件，为自己学习这个，部分原因是我不必担心未来的支持。

那么任何人都可以给我一些关于如何设置它的指示吗？

Answer 1

您可以为 div 设置动画..

var c = $("#container");
    var SPEED = 10000;
    var thediv = $("#mydiv");
    thediv.show()
    thediv.animate({
        top: c.height() - thediv.height() - 10},
        SPEED, 
        function () {
            thediv.css("height", c.height());
            thediv.css("top", 0);        
            var objDiv = document.getElementById("mydiv");
            objDiv.scrollTop = objDiv.scrollHeight;
    });

你会想弄乱一些格式......这是一个小提琴 http://jsfiddle.net/kmd97/DmkMZ/