Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网络冒险游戏中用于叙述的滚动文本_Javascript_Jquery_Css_Text_Scroll - Fatal编程技术网

Javascript 网络冒险游戏中用于叙述的滚动文本

Javascript 网络冒险游戏中用于叙述的滚动文本,javascript,jquery,css,text,scroll,Javascript,Jquery,Css,Text,Scroll,我似乎不能得到我想要的确切效果。基本上我希望文本从文本区域的底部向上滚动,然后一旦文本条目的底部滚动到视图中,停止滚动。文本输入可能比文本字段长,因此我希望用户能够根据需要滚动文本 我使用了marquee和JavaScript,但没有达到预期的效果。我宁愿远离第三方插件,第三方可以自己学习这一点,部分原因是我不必担心未来的支持 有谁能给我一些关于如何设置的建议吗?你可以设置一个div的动画 var c = $("#container"); var SPEED = 10000; v

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

我使用了marquee和JavaScript,但没有达到预期的效果。我宁愿远离第三方插件,第三方可以自己学习这一点,部分原因是我不必担心未来的支持


有谁能给我一些关于如何设置的建议吗?

你可以设置一个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;
    });
你们会想搞乱一些格式…这里有一把小提琴

谢谢:)这正是我需要的。