zoukankan      html  css  js  c++  java
  • jQuery实现当拉动滚动条到底部加载数据

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery实现当拉动滚动条到底部加载数据</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
    var totalheight = 0;//定义一个总的高度变量
    $(window).scroll(function () {
    totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());//浏览器的高度加上滚动条的高度
    if ($(document).height() <= totalheight) //当文档的高度小于或者等于总的高度的时候,开始动态加载数据
    {
    //加载数据
    $("#container").append("我是新加载出来的数据<br/>我是新加载出来的数据<br/>我是新加载出来的数据<br/>我是新加载出来的数据<br/>我是新加载出来的数据<br/>我是新加载出来的数据<br/>");
    }
    });
    </script>
    </head>
    <body>
    <div id="container">
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
    </div>
    </body>
    </html>

  • 相关阅读:
    TcxComboBoxProperties下拉框填充
    Delphi用QJSON解析JSON格式的数据 【转】
    Delphi的idhttp报IOHandler value is not valid错误的原因[转]
    RelayCommand
    ViewModelBase && ObservableObject
    MvvmLight ToolKit 教程
    WPF中的数据验证
    MvvmLight ToolKit .Net4.5版本 CanExecute不能刷新界面bug
    微软虚拟学院MVA 字幕获取方法
    WPF Binding INotifyPropertyChanged 多线程 深入理解
  • 原文地址:https://www.cnblogs.com/zhoumingxiu/p/4564665.html
Copyright © 2011-2022 走看看