时间戳

首页 > 解决方案 > div中的HTML滚动条

html - div中的HTML滚动条

问题描述

我有一页，由不同的 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;

或者

溢出-y：自动；

但无论如何它都不起作用。我该怎么做？

标签： htmlcssoverflow

解决方案

你可以试试这个：

overflow:scroll;

或这个 ：

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

有关更多信息，您可以到此处滚动到 div 的底部？

推荐阅读