在网络冒险游戏中滚动文本叙述

时间:2013-02-05 14:01:43

标签: javascript jquery css text scroll

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

我玩过marquee和JavaScript,但未能达到预期的效果。我宁愿远离第三方插件,派对为自己学习这一点,部分所以我不必担心未来的支持。

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

1 个答案:

答案 0 :(得分:0)

你可以为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/