鼠标滚到一定高度分页

可紊 提交于 2019-11-27 23:58:52

 

主页面,就是一个分页的操作

public ActionResult Index(string typename = "", int page=1)
{

var paging = new Paging();
paging.PageIndex = page;
paging.PageSize = 10;

NewsContentInfo news = new NewsContentInfo();

var list = conbll.NewsList(news, ref paging);

//ViewData["PingYin"] = typename;//点击连接时的样式变化
ViewBag.PageCount = paging.PageCount;//总页数,在页面上写个隐藏的文本框显示总页数,因为js需要用到
return View(list);
}

/// 部分视图
public ActionResult NewsList(int page = 1)
{
var paging = new Paging();
paging.PageIndex = page;
paging.PageSize = 10;

NewsContentInfo news = new NewsContentInfo();

var list = conbll.NewsList(news, ref paging);
return View(list);
}

//js

$(window).scroll(function () {
clearTimeout(timer);//取消由 setTimeout() 方法设置的 timeout
var scrollTop = $(window).scrollTop(); //滚动条距离顶部的距离,滚动条滚动的高度
var documentHeight = $(document).height();//获得文档高度
var windowHeight = $(window).height(); //获得滚动窗口的高度

if (scrollTop >= documentHeight - windowHeight) {

pageNumber = pageNumber + 1;
if (pageNumber <= $("#PageCount").val()) {//$("#PageCount").val()总页数

// timer = setTimeout(function () {
loadPage(pageNumber);
// }, 1000);
}
}
});

function loadPage(pageNumber) {
$.ajax({
type: "get",

url: "/Article/NewsList",//新建的部分视图,里面放拼接的内容,也是li里的内容

data: { page: pageNumber },
dataType: "html",
success: function (data) {
var ul = $("#newscontent");
ul.append(data);
}
});
}

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!