在列中滚动文本答案

【问题标题】：scrolling a text with in a column在列中滚动文本
【发布时间】：2010-09-03 19:25:23
【问题描述】：

我有一个网站。在此我想从下向上滚动文本。此列还包含带有向上和向下箭头的滚动。具有与滚动条相同的功能。简单我的目标是在列中有一个滚动文本

【问题讨论】：

【解决方案1】：

我已经大到可以记住使用此代码进行操作了：

<marquee direction="up">
    <p> Here will be contentent</p>
    <p>And perhaps an icon <img src="favicon.png"></p>
</marquee>

亲爱的主人，我老了。

【讨论】：

哇，这是什么 1995？我记得使用marquee 和blink 标签。
前 css 时代。我们使用猎杀猛犸象。当你必须证明自己调试一个巨大的表来寻找一个没有它的

【解决方案2】：

我认为你可以创建两个 div，一个在另一个里面。外层应具有以下 CSS 属性：overflow:hidden。它还应该有一个定义的大小。内层的 position:relative 应具有 left 和 top 属性设置为 0。然后，您可以使用 Javascript 更改内部的 top 属性。这只是一个想法，我没有测试过，但它可能会对你有所帮助。

<script type="text/javascript">
var currentY=0;
var height;
function scrollUp () {
    height=document.getElementById("innerdiv").offsetHeight;
    if (currentY<height) currentY++;
    document.getElementById("innerdiv").style.height=currentY+"px";
}
function scrollDown () {
    height=document.getElementById("innerdiv").offsetHeight;
    if (currentY>0-height) currentY--;
    document.getElementById("innerdiv").style.height=currentY+"px";
}
</script>
<div style="overflow: hidden; width: 200px; height: 150px; padding: 0px">
    <div style="position: relative; left: 0px; top: 0px; margin: 0px" id="innerdiv">
        <!-- some long text here -->
    </div>
</div>

对于此代码，您可以有两个按钮，并为其分配了 scrollUp 和 scrollDown 功能。实现一个可拖动的滚动条会很困难。我希望我至少对你有所帮助。也许存在比我更聪明的解决方案，我什至不知道？尝试寻找它。我不保证此代码可以正常工作，可能其中存在拼写错误和其他错误。这只是我的想法的一个形式。

编辑：不要使用此代码。它又长又复杂。检查我下面的评论...

【讨论】：

我是对的 - 确实存在更好的方法来做到这一点。我今天找到了。与之相比，我上面的代码太复杂了……我正在谈论的最佳解决方案是使用 scrollTop 属性。看看这个页面（向下滚动到最后一个例子）：drybro.com/js-scroll.shtml