прокрутка текста с помощью столбца

Question

У меня есть веб-сайт. В этом я хочу прокрутить текст снизу до направления вверх. Этот столбец также содержит свиток со стрелками вверх и вниз. с той же функциональностью полосы прокрутки. просто моя цель состоит в том есть прокрутка текста с в колонке

Answer 1

Я думаю, вы можете создать два divs, один внутри другого. Внешний должен иметь следующее свойство CSS: overflow: скрыто. И он также должен иметь определенный размер. Внутренний один должен иметь положения: относительной с оставил и верхних свойств, заданных на 0. Затем, вы можете изменить внутренний, в верхней свойства с помощью Javascript. Это только идея, я ее не тестировал, но это может вам помочь.

<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 и Прокрутите вниз, присвоенные им. Реализация прокручиваемой полосы прокрутки будет сложной. Надеюсь, я помог вам хотя бы немного. Может быть, существует более разумное решение, чем мое, о котором я даже не знаю? Попытайтесь найти его. Я не даю никаких гарантий для работы этого кода, возможно, в нем есть опечатки и другие ошибки. Это всего лишь форма моей идеи.

EDIT: не используйте этот код. Это долго и сложно. Проверьте мой комментарий ниже ...

Answer 2

Im достаточно стар, чтобы помнить это делать с этим кодом:

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

Уважаемый господин, им старый.