鼠标滚动,自动加载数据

手动点击加载:

    <div class="coursecontent clearfix" id="divContent">
    </div>
    <input type="button" value="next" onclick="getPage(false)" />
        @*$(document).ready(function () {
            getPage(true);
        });

        //******************************************************分页用到 开始
        var limit = 10;
        var offset = 0;
        var order = "createdate";
        var isAsc = false;

        function getPage(isFirst) {
            if (isFirst) {
                limit = 10;
                offset = 0;
            }
            else {
                offset += limit;
            }
            $.get("@Url.Action("List", "Library")", { limit: limit, offset: offset, order: order, isAsc: isAsc },
            function (data) {
                if (isFirst) {
                    $("#divContent").html(data);
                }
                else {
                    $("#divContent").append(data);
                }
            });
        }
        //******************************************************分页用到 结束*@

自动加载:

<div class="coursecontent clearfix" id="divContent">
    </div>
        var limit = 50;
        var offset = 0;
        var order = "createdate";
        var isAsc = false;

        $(document).ready(function () {
            //第一次加载
            loadMore(true);

            //滚动时加载
            $(window).scroll(function () {
                //当滚动到最底部以上1像素时,加载新内容
                if ($(document).height() - $(this).scrollTop() - $(this).height() < 1) {
                    loadMore(false);
                }
            });
        });

        function loadMore(isFirst) {

            if (isFirst) {
                offset = 0;
            }
            else {
                offset += limit;
            }

            $.ajax({
                url: ‘/library/list‘,
                method: "get",
                dataType: ‘text‘,
                data: { limit: limit, offset: offset, order: order, isAsc: isAsc },
                success: function (data) {
                    if (isFirst) {
                        $("#divContent").html(data);
                    }
                    else {
                        $("#divContent").append(data);
                    }
                }
            });
        }
时间: 2024-08-15 06:08:41

鼠标滚动,自动加载数据的相关文章

WP8_当滚动到滚动条的70%时,自动加载数据效果实现

Touch.FrameReported += Touch_FrameReported;   void Touch_FrameReported(object sender, TouchFrameEventArgs e) { // 传入null表明获取到的触控点信息是以屏幕左上角为原点的. var primaryPoint = e.GetPrimaryTouchPoint(null);   if (primaryPoint != null && primaryPoint.Action == T

AngularJS:实现页面滚动到底自动加载数据的功能

要实现这个功能,可以通过https://github.com/sroze/ngInfiniteScroll这个第三方控件来实现.步骤如下: 1. 下载ng-infinite-scroll.js程序http://sroze.github.io/ngInfiniteScroll/ 目前版本是1.0.0 2. 如果你是用的jQuery2.0以上版本,还需要修改ng-infinite-scroll.js程序,将所有的将所有的$window.xxx改为$(window).xxx, elem.xxx改为$(

android Listview下滑,自动加载数据.修改多处地方,去除重绘listvew,防止闪烁

感谢其他大神的的源码支持 我仅在此源码上进行修改以及注释. 使用方法: //设置加载分页数据监听 loadingListView.setOnLoadMoreListener(new OnLoadMoreListener() { public void onLoadMore() { if(page<3){ }else{ loadingListView.onLoadMoreComplete();//移除加载更多布局,加载完成 loadingListView.setIsEnable(false); /

listview滚动到底部自动加载数据

在android中listvieww加载数据,有的是分批加载,比如每次加载20条,100条就要加载5次,如果一次性加载100条,listview加载就变的慢,如果是有图片的话,一时浪费流量,二是item中带图片会出现错位的问题,listview加载数据目前好多app做法 一:分批加载 滑动到底部自动更新 二:滑动到底部 手动的点击加载更多 三:下拉刷新+底部加载更多 今天就讲下listview滑动到底部自动更新 分析:监听listview的滑动事件,判断listview是否滑动到底部,然后去加载

[转]ListView滚动到底部自动加载数据

转自:http://blog.csdn.net/shineflowers/article/details/41744241 在Android中有很多时候会选择用ListView加载数据,有的是分批加载,比如每次加载20条,100条就要加载5次,如果一次性加载100条,ListView加载就会变慢,如果是有图片的话,一是浪费流量,二是item中带图片会出现错位的问题l,ListView加载数据目前好多App的做法 1. 分批加载,滑动到底部自动更新 2. 滑动到底部,手动的点击加载更多 3. 下拉

页面滚动动态加载数据,页面下拉自动加载内容 jquery

<!DOCTYPE=html> <html> <head> < script src="js/jquery.js" type="text/javascript"></ script> < script type="text/javascript"> $(document).ready(function(){ var range = 50; //距下边界长度/单位px var

一个简单的无限滚动的加载数据实现

早上本来想研究昨天晚上携程的那道题目的,但是感觉不知道如何下手,就研究了下如何实现无限滚动加载数据. 以前项目里也用到过,不过是别人封装好的,我只需要调用就好了.自己做还是遇到了点小问题. 1.如何确定滚动条的位置,其实想通了很简单的,就是利用scrollHeight和scrollTop以及可视区的高度来实现的. 2.就是如何保证加载数据的时候,不会出现重复加载.这个也很简单,标记每次加载结束的位置.如果你用的是数据库的话,可以采用分页的形式,每次只添加一页的内容.每当滚动条到底部的时候再加载下

页面滚动动态加载数据

//返回顶部js $(window).scroll(function() {            var sc = $(window).scrollTop();            //var rwidth=$(window).width()            if (sc > 0) {                $("#goTopBtn").css("display", "block");                $(&

smarty中增加类似foreach的功能自动加载数据方法

第一步:在Smarty_Compiler.class.php的_compile_tag函数中增加: 复制代码 代码如下: //加载数据的开始标签case 'load': $this->_push_tag('load'); return $this->_complie_load_start($tag_args); break;//加载数据的结束标签case '/load': $this->_pop_tag('load'); return "<php endforeach;