如何使用滚动条在固定大小的窗口内显示通知内容?

时间:2017-04-10 06:42:15

标签: ajax

当内容很多时,内容就会出现在窗口框之外,但我想显示该框内的所有内容n如果有很多内容则会显示一个滚动条,我可以通过该滚动条将内容保留在框内..谁能帮我解决这个问题?任何帮助都将不胜感激。 html页面:

   <script type="text/javascript" src="jquery-2.1.1.min.js"></script>

    <script type="text/javascript">

    //$(document).ready(function()
    //{
        //var hei=$('#notificationsBody').height(); 
    //});


    function myFunction2() {
    $.ajax({
    url: "all_notification.php",
    processData:false,
    success: function(data){
        $('#notificationsBody').height();

        $("#notification-latest").html(data);
        },
        error: function(){}           
        });
    }
    </script>


    <div id="notificationsBody" style="overflow: auto;height:348px;">
        <div id="notification-latest"></div>
    </div>
    <div id="notificationFooter">
        <a onclick="myFunction2()" href="">See All</a>  
    </div>

1 个答案:

答案 0 :(得分:0)

您不需要任何 java 脚本...

只需将您的 html 内容放到另一个 div 中,然后给它高度、宽度和溢出:滚动;

for(int i=0; i<ui->msgCount_tableView->model()->rowCount();i++)
    qDebug()<<ui->msgCount_tableView->model()->index(i,6).data().toString();

现在内部内容不会外溢,如果溢出则滚动。