<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. 深入理解JVM-类加载初始化阶段-类的主动与被动引用

    JVM的类加载阶段中初始化阶段 P210 虚拟机规定的五种情况必须对类的“初始化”情况 1.遇到new.getstatic.putstatic.或invokestic 四条字节码指令时,如果类没有经过 ...

  2. FPGA+ADV7511实现HDMI显示

    一.前言 目前FPGA成为了视频图像实时处理的主要平台.显示作为图像应用设备的必要功能,对整体系统处理效果非常关键.HDMI是现阶段主流的显示接口,本文基于ADV7511芯片的HDMI显示系统,讲述H ...

  3. BZOJ3277 串（后缀自动机）

    对多串建立SAM的一种方法是加分隔符.于是加完分隔符建出SAM. 考虑统计出每个节点被多少个串包含.让每个串各自在SAM上跑,跑到一个节点就标记(显然一定会完全匹配该节点,因为是对包含其的串建的SAM ...

  4. centOS 在线安装lnmp

    CentOS7源码安装最新版LNMP环境   lnmp环境版本如下: 系统:CentOS 7 x86_64 NGINX:nginx-1.7.12 数据库:mariadb-10.0.13 PHP:php ...

  5. DRF的APIView、GenericAPIView、GenericViewSet的原理分析

    一.层次结构 GenericViewSet(ViewSetMixin, generics.GenericAPIView) ---DRF GenericAPIView(views.APIView) -- ...

  6. C#读写修改设置调整UVC摄像头画面-色调

    有时,我们需要在C#代码中对摄像头的色调进行读和写,并立即生效.如何实现呢? 建立基于SharpCamera的项目 首先,请根据之前的一篇博文 点击这里 中的说明,建立基于SharpCamera的摄像 ...

  7. Django---图书管理系统,多对多(ManyToMany),request获取多个值getlist(),反查(被关联的对象.author_set.all)

    Django---图书管理系统,多对多(ManyToMany),request获取多个值getlist(),反查(被关联的对象.author_set.all) 一丶多对多查询 表建立多对多关系的方式 ...

  8. 爬虫--selenium之 chromedriver与chrome版本映射表（最新至v2.46版本chromedriver）

    本文主要整理了selenium的chromedriver与chrome版本映射表,并且持续更新中..... 1.selenium之 chromedriver与chrome版本映射表(最新至v2.46版 ...

  9. 关于UDP协议

    UDP协议的特点. 1.UDP是一个无连接协议,传输数据之前接收端和发送端之间不建立连接. 想传输数据的时候就抓取数据扔出去,不监控是否被正确和全面的接受到. 2.因为不需要建立连接,也就不需要维护连 ...

  10. js多个参数(追加参数)

    /** * 多个参数 * @param fn * @param args * @param scope */ function multipleArguments(fn,args,scope){ if ...