<html>

<head>

<link rel="dns-prefetch" href="http://i.tq121.com.cn">

<meta charset="utf-8" />

<title>滚动加载|jquery.endless-scroll插件|使用demo</title>

<script type="text/javascript" src="http://i.tq121.com.cn/j/core.js"></script>

<script>W.css("c/core.css","c/tqzt/zhibo.css")</script>

</head>

<body>

<script>

//延时加载 jquery.endless-scroll 插件使用方法

W.use('j/plugs/jquery.endless-scroll.js',function(){

    $(document).endlessScroll({

        bottomPixels: 450,

        fireDelay: 10,

        callback: function(){

            console.log('又加载一次数据')

            $('.main ul').append($('.main ul').html());

        }

    });

})

</script>

<div class="box">

    <div class="main_box">

        <div class="main">

            <h2><i></i>

                <span>最新报道</span></h2>

            <ul>

                <li>

                    <h3>

                        <a href="http://news.weather.com.cn/2014/10/2213662.shtml" target="_blank">北京马拉松霾中跑</a>

                    </h3>

                    <i>（2014-10-19 11:05:52）</i>

                    <div class="img">

                        <p><img src="http://cms.weather.com.cn/site2/images/cn/newzt/zbzt/2014/10/19/CBE09A9C28E02076B04959FB6352847B.jpg" alt=""></p>

                    </div>

                    <div class="zhaiyao">10月19日早上，2014北京马拉松比赛开赛，18日下午18时，北京市政府已正式发布空气重污染蓝色预警。北京马拉松比赛组委会18日晚21时紧急发布温馨提示，请参赛选手根据自身情况选择参赛。当日，北京PM2.2超过300，空气重度污染。...

                        <a href="http://news.weather.com.cn/2014/10/2213662.shtml" target="_blank">[详细]</a>

                    </div>

                </li>

                <li>

                    <h3>

                        <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">17日夜间至20日京津冀局地有重度霾</a>

                    </h3>

                    <i>（2014-10-17 09:16:58）</i>

                    <div class="img">

                        <p><img src="http://cms.weather.com.cn/site2/images/cn/newzt/zbzt/2014/10/17/E80251CCE5620CFBA5FBCE8A230F88EC.jpg" alt=""></p>

                    </div>

                    <div class="zhaiyao">中国天气网讯 继10月7-11日中东部遭遇大范围雾或霾天气之后，时隔不到一周，今夜（17日）起，华北中南部、黄淮等地将再迎雾或霾天气，其中北京东南部、河北中南部、天津西部等地局地将有重度霾。20日夜间，受南下冷空气影响，上述地区雾、霾天气将自北向南逐步减弱或消散。...

                        <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">[详细]</a>

                    </div>

                </li>

                <li>

                    <h3>

                        <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">17日夜间至20日京津冀局地有重度霾</a>

                    </h3>

                    <i>（2014-10-17 09:16:58）</i>

                    <div class="img">

                        <p><img src="http://cms.weather.com.cn/site2/images/cn/newzt/zbzt/2014/10/17/E80251CCE5620CFBA5FBCE8A230F88EC.jpg" alt=""></p>

                    </div>

                    <div class="zhaiyao">中国天气网讯 继10月7-11日中东部遭遇大范围雾或霾天气之后，时隔不到一周，今夜（17日）起，华北中南部、黄淮等地将再迎雾或霾天气，其中北京东南部、河北中南部、天津西部等地局地将有重度霾。20日夜间，受南下冷空气影响，上述地区雾、霾天气将自北向南逐步减弱或消散。...

                        <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">[详细]</a>

                    </div>

                </li>

            </ul>

        </div>

    </div>

</div>

</body>

</html>

滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo的更多相关文章

  1. jquery页面滑到底部加载更多

    $(window).scroll(function(){ var _scrolltop = $('body').scrollTop();if(_scrolltop+_winHeight>_doc ...

  2. Layman H5+Webapp+MUI App 页面滑至到底部自动加载新的内容

    要点:使用jquery的scroll()方法实现,当用户滚动指定的元素时,会发生 scroll 事件 scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口) scroll() 方 ...

  3. js加载页面使用execute_script选定加载位置

    #由于js逐步加载页面,存在未显示的网页无法加载源码 from selenium import webdriver driver = webdriver.Firefox() init_element ...

  4. uni-app中不使用scroll-view组件,监听页面滑直底部事件

    最终达到的目标效果 将要用到 监听页面滚动事件:onPageScroll 获取节点信息uni.createSelectorQuery() 标签布局 <template> <view ...

  5. flutter 入口文件配置路由+加载页面

    入口文件配置路由 1.路由信息 -- 加载页面 ,通常用于显示新的内容或者广告,加载完成之后进入主页面 -- 主页面 /app 2.配置页面  main.dart main.dart // main ...

  6. Ajax--PHP+JQuery+Ajax解析json、XML数据、加载页面

    一.JQuery+Ajax用get.post方式提交和请求数据 知识要点: $('#userName').blur(function () { var txt = $(this).val(); $.a ...

  7. RecyclerView 判断滑到底部 顶部 预加载 更多 分页 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  8. yii2 如何在页面底部加载css和js

    作者:白狼 出处:www.manks.top/article/yii2_load_js_css_in_end 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接 ...

  9. 滚动到底部加载更多及下拉刷新listview的使用

    最新内容建议直接访问原文:滚动到底部加载更多及下拉刷新listview的使用 本文主要介绍可同时实现下拉刷新及滑动到底部加载更多的ListView的使用. 该ListView优点包括:a. 可自定义下 ...

随机推荐

  1. Tomcat安装及配置（Linux系统）

    环境说明:Linux环境,CentOS 7版本. 第一步:下载tomcat 版本,下载地址:https://tomcat.apache.org/index.html 我用的是zip结尾的包 解压命令: ...

  2. Codeforces Round #557 (Div. 1) 简要题解

    Codeforces Round #557 (Div. 1) 简要题解 codeforces A. Hide and Seek 枚举起始位置\(a\),如果\(a\)未在序列中出现,则对答案有\(2\ ...

  3. NVDLA软件架构和源码解析 第一章—内核驱动【华为云技术分享】

    驱动整体设计介绍 不同的processor Nvidia DLA的内核驱动KMD(Kernel mode driver)中,并不是把DLA当成一个设备来控制,而是把不同的功能模块当做不同的proces ...

  4. SQL Server中COALESCE函数的用法

    在SQL Server中COALESCE函数,会返回其参数中第一个不为NULL的参数,效果如下: SELECT COALESCE(NULL,NULL,N'A',NULL,NULL) 结果: SELEC ...

  5. 在ASP.NET Core中获取客户端和服务器端的IP地址（转载）

    随着ASP.NET的发展,有不同的方式从请求中访问客户端IP地址.WebForms和MVC Web应用程序只是访问当前HTTP上下文的请求. var ip = HttpContext.Current. ...

  6. Ubuntu18.04 配置网卡、替换软件源

    2019/10/29, Ubuntu Server 18.04 摘要:Ubuntu Server 18.04 采用netplan作为网络配置管理,修改IP使其连上网络,修改替换软件源 修改网卡配置 首 ...

  7. unable to retrieve container logs for docker kubernetes

    参考 https://github.com/knative/docs/issues/300 This is what happens when the build is successful and ...

  8. java基础小练习,1-打印一百次(1~10)的随机数,2-固定一个随机数(1~100)，然后猜出他,3-定义以指定格式打印集合(ArrayList类型作为参数)，使用{}括起来，使用@代替,分隔每个元素

    推荐自己码一下,可以使用别的方法,面向对象,不需要注重过程 /* 题目:我需要打印一百次(1~10)的随机数 */ import java.util.Random; public class demo ...

  9. 1-python运算符和逻辑控制语句

    目录 运算符 条件语句if…else 断言assert 循环语句while 遍历for循环 1.运算符 1.1.算数运算符 加+.减-.乘*.除/.余%.次方**.向下取整除// 1.2.赋值运算符 ...

  10. Django--一对多表操作

    目录 Django--一对多表操作 需求 步骤 添加路由映射关系 学生表的增删改查 ajax更新和添加 Django--一对多表操作 今天还以一个学生管理系统为例,先通过pymysql这个模块,进行一 ...