懒加载实现的分页&&网站footer自适应

最近在做手机端，发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用，比如iscroll之类……

然后自己写了个懒加载的，也很简单，最基础的代码【不喜勿喷，但蛮实用的】

wap手机端懒加载分页：

用之前先引用下jquery.js

var current = 1;
 $(function() {
 $('body').bind('touchmove', function(e) {
  if($(this).scrollTop() > ($(window).height() * current - 150)) {//这里的150表示距离底部150像素触发，可自行调节
  current++;
  console.log("第" + current + "页");
  //这里放你的分页代码
  }
 });
 });

if($(this).scrollTop()==0){//这是wap刷新代码，有需要请结合使用}

web电脑端懒加载分页：

用之前先引用下jquery.js

var current = 1;
 $(function() {
  window.onscroll = function() {
  if($(document).scrollTop() >= ($(document).height() - $(window).height() - 150)) {//150与wap手机端一样
   current++;
   //这里放你的分页代码
  }
  }
 });

if($(document).scrollTop()==0){//这是web刷新代码，有需要请结合使用}

web电脑端footer底部固定：

 .footer.position {
 position: absolute;
 bottom: 0;
 }

$(function() {
  auto();
  window.onresize = function() {
  auto();
  }
 });
 function auto() {
  if($(window).height() > 917) {//917可自行调整，根据页面的内容高度
  $(".footer").addClass("position");
  } else {//.position见css
  $(".footer").removeClass("position");
  }
 }

另一种方法【推荐】

function auto() {
  $("body").scrollTop(1); //控制滚动条下移1px 
  if($("body").scrollTop() > 0) {
  $(".footer").removeClass("position");
  alert("有滚动条");
  } else {
  $(".footer").addClass("position");
  alert("没有滚动条");
  }
  $("body").scrollTop(0); //滚动条返回顶部 
 }

附上两张前后对比图，footer固定底部

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 懒加载分页  # footer自适应  # 详解jQuery lazyload 懒加载  # Android界面数据懒加载实现代码  # Angular懒加载机制刷新后无法回退的快速解决方法  # jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)  # 解析iOS应用的UI开发中懒加载和xib的简单使用方法  # 基于javascript实现图片懒加载  # 基于jquery的图片懒加载js  # jQuery自适应轮播图插件Swiper用法示例  # jQuery简单实现iframe的高度根据页面内容自适应的方法  # 使用jQuery和Bootstrap实现多层、自适应模态窗口  # 分页  # 滚动条  # 这是  # 加载  # 前先  # 也很  # 写了  # 种方法  # 两张  # 好用  # body  # function  # var  # current  # window  # touchmove  # scrollTop  # gt  # bind  # brush 

相关文章： 如何用西部建站助手快速创建专业网站？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何在建站宝盒中设置产品搜索功能？  如何通过虚拟主机快速搭建个人网站？  制作网站的软件免费下载,免费制作app哪个平台好？  网站制作网站,深圳做网站哪家比较好？  建站之星收费标准详解：套餐费用及年费价格表一览  免费网站制作appp,免费制作app哪个平台好？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  如何在局域网内绑定自建网站域名？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  大学网站设计制作软件有哪些,如何将网站制作成自己app？  韩国服务器如何优化跨境访问实现高效连接？  在线制作视频的网站有哪些,电脑如何制作视频短片？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  网站制作需要会哪些技术,建立一个网站要花费多少？  建站主机默认首页配置指南：核心功能与访问路径优化  建站之星如何快速生成多端适配网站？  如何在Windows环境下新建FTP站点并设置权限？  高端企业智能建站程序：SEO优化与响应式模板定制开发  建站主机选购指南：核心配置优化与品牌推荐方案  如何选择CMS系统实现快速建站与SEO优化？  海南网站制作公司有哪些,海口网是哪家的？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  C#怎么使用委托和事件 C# delegate与event编程方法  高端智能建站公司优选：品牌定制与SEO优化一站式服务  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  c# await 一个已经完成的Task会发生什么  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  企业微网站怎么做,公司网站和公众号有什么区别？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  建站之星伪静态规则如何正确配置？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  如何通过虚拟机搭建网站？详细步骤解析  广州建站公司哪家好？十大优质服务商推荐  C++时间戳转换成日期时间的步骤和示例代码  seo网站制作优化,网站SEO优化步骤有哪些？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  如何在Windows 2008云服务器安全搭建网站？  如何通过NAT技术实现内网高效建站？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  如何高效配置IIS服务器搭建网站？  如何通过FTP空间快速搭建安全高效网站？  制作网站的基本流程,设计网站的软件是什么？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  建站VPS选购需注意哪些关键参数？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  如何快速生成橙子建站落地页链接？