How do I get a div to scroll down automatically?

Question

How do I get a div to scroll down automatically?

Navigation

#1 by (4 votes)

2

I have a div with a lot of text, and I want it to load when the page div starts to do automatic scrolling showing the whole text ...

html:

  <div id="corpo">     
    <p> Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notícia</p>
</div>

css:

 #corpo
{
    background-color:#000066 ;
    opacity: 0.8;
    filter: alpha(opacity=50);
    width:1000px;
    height:380px;
    position:fixed;
    top:240px;
    left:180px;
    z-index:3;
    overflow: scroll;
    color:white;      
    font-family:Arial;
    font-size:20px;
    font-style:normal;
    font-weight:bold;
}

javascript html css

asked by anonymous 18.05.2015 / 15:40

1 answer

How to run program in C # by cmd Rails Console does not load the methods and classes of my application, why?

score 4 · Answer 1

Using Jquery:

$().ready(function(){
$("#corpo").animate({ scrollTop: 1000 }, 3000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id='corpo' style='height:100px; overflow:scroll; width:500px;'>
Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notíciaTitulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia,
        Titulo da notícia,Titulo da notícia, Titulo da notícia, Titulo da notícia, Titulo da notícia
        Titulo da notícia, Titulo da notícia, Titulo da notícia
</div>