HTML полоса прокрутки в div

Question

У меня есть одна страница, созданная разными DIV, главная из которых:

<div id='pagina'>

        <?php
            if(!isset($_SESSION['iduser']))
            {
                header( "refresh:5;url=formLogin.php" );
                echo "<h3>Per vedere le tue registrazioni devi effettuare il Login. Reindirizzamento alla pagina di Login...</h3>";
            }
            else
            {
                $conn = mysqli_connect('localhost','root',''); 
                if(!$conn)
                    die ("Errore di connessione!");
                mysqli_select_db($conn,'meteo') or die ("Errore di connessione al database!");

                $user=$_SESSION['iduser'];

                $q="SELECT idrilevazione,citta,stato,data,descMeteo,temperatura,tempPercepita,tempMassima,tempMinima,umidita,vento,oraAlba,oraTramonto FROM rilevazioni WHERE utente='$user' "; 
                $r=mysqli_query($conn,$q);
                if(mysqli_num_rows($r)<1)
                {
                    header( "refresh:5;url=rilStandardForm.php" );
                    echo "<h3>Nessuna rilevazione dell'account ".$_SESSION['username'].". Reindirizzamento alla pagina di rilevazione...</h3>"; 
                }
                else
                {
                    ?>
                    <table width="500" lenght="200" align="center" border="2">

                    <tr><td colspan="13">LE TUE RILEVAZIONI </td></tr>
                    <tr>
                        <td>ID Rilevazione</td>
                        <td>Citta'</td>
                        <td>Stato</td>
                        <td>Data</td>
                        <td>Meteo</td>
                        <td>Temperatura</td>
                        <td>Temperatura percepita</td>
                        <td>Temperatura massima</td>
                        <td>Temperatura minima</td>
                        <td>Umidita</td>
                        <td>Vento</td>
                        <td>Ora alba</td>
                        <td>Ora tramonto</td>
                    </tr>
                    <?php
                    while($row=mysqli_fetch_array($r))
                    {   ?>
                        <tr>
                            <td><?php echo $row['idrilevazione'] ?> </td>
                            <td><?php echo $row['citta'] ?> </td>
                            <td><?php echo $row['stato'] ?> </td>
                            <td><?php echo date("j F Y, H:i:s",$row['data']) ?> </td>
                            <td><?php echo $row['descMeteo'] ?> </td>
                            <td><?php echo $row['temperatura'].' C&ordm;' ?> </td>
                            <td><?php echo $row['tempPercepita'].' C&ordm;' ?> </td>
                            <td><?php echo $row['tempMassima'].' C&ordm;' ?> </td>
                            <td><?php echo $row['tempMinima'].' C&ordm;' ?> </td>
                            <td><?php echo $row['umidita'].'%' ?> </td>
                            <td><?php echo $row['vento'].' km/h' ?> </td>
                            <td><?php echo date("H:i:s",$row['oraAlba']) ?> </td>
                            <td><?php echo date("H:i:s",$row['oraTramonto']) ?> </td>
                        </tr>   

                <?php  } ?> </table> 
        <?php } } ?>
        </div>

В нескольких словах, она генерирует таблицу с некоторыми данными из базы данных. Проблема в том, что когда у меня много кортежей, таблица выходит за нижний предел div. Итак, я попытался вставить свой css:

overflow:auto;

или

overflow-y: auto;

Но это все равно не работает. Как я могу это сделать?

Answer 1

Вы можете попробовать это:

overflow:scroll;

или это:

var example = document.getElementById("example_id");
example.scrollTop = example.scrollHeight;

Для получения дополнительной информации вы можете go здесь Прокрутить до нижней части div?