基于jQuery实现滚动刷新效果

Jquery实现简单的滚动刷新效果：

实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果

HTML正文：

<form id="form1" runat="server">
<div style="height: 3000px; background-color: yellow;">
</div>
</form>

Javascript操作代码：

$(document).ready(function() {

 $(window).scroll(function() {
//$(document).scrollTop() 获取垂直滚动的距离:最小值为0，最大值：文档高度-可视化窗口高度
//$(document).scrollLeft() 这是获取水平滚动条的距离
  console.log("垂直滚动条位置："+$(document).scrollTop()+"--"+$(window).height());

 if ($(document).scrollTop() <= 0) {
    console.log("滚动条已经到达顶部为0");
  }

  /**
   *$(document).height():文档的高度
   *$(window).height()：可视域的高度：窗口的大小：根据浏览窗口的大小变化
   *判断底部:文档高度<=滚动条垂直高度+可视窗口的高度
   * */
  if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
   console.log("滚动条已经到达底部为" + $(document).scrollTop());
  }
});
 });

效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# jQuery滚动刷新  # jQuery页面滚动刷新  # jQuery刷新  # 关于锚点跳转及jQuery下相关操作与插件  # jQuery+pjax简单示例汇总  # JQuery实现定时刷新功能代码  # jquery实现点击浏览器返回上一页按钮并能直接刷新  # 滚动条  # 文档  # 这是  # 视域  # 实际情况  # 值为  # 大家多多  # runat  # form  # id  # height  # div  # gt  # style  # server  # Ajax  # HTML  # Jquery  # br  # pre 

相关文章： 制作营销网站公司,淘特是干什么用的？  建站之星后台密码如何安全设置与找回？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  小程序网站制作需要准备什么资料,如何制作小程序？  建站之星图片链接生成指南：自助建站与智能设计教程  如何选择域名并搭建高效网站？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  建站上市公司网站建设方案与SEO优化服务定制指南  开源网站制作软件,开源网站什么意思？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  如何快速登录WAP自助建站平台？  如何在阿里云完成域名注册与建站？  已有域名和空间如何快速搭建网站？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  导航网站建站方案与优化指南：一站式高效搭建技巧解析  建站之星在线客服如何快速接入解答？  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  外贸公司网站制作哪家好,maersk船公司官网？  兔展官网 在线制作,怎样制作微信请帖？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何用y主机助手快速搭建网站？  宝塔面板创建网站无法访问？如何快速排查修复？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  动图在线制作网站有哪些,滑动动图图集怎么做？  香港服务器部署网站为何提示未备案？  网站制作价目表怎么做,珍爱网婚介费用多少？  如何生成腾讯云建站专用兑换码？  在线教育网站制作平台,山西立德教育官网？  重庆市网站制作公司,重庆招聘网站哪个好？  建站主机与虚拟主机有何区别？如何选择最优方案？  建站之星备案是否影响网站上线时间？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  如何快速搭建高效香港服务器网站？  大连网站制作公司哪家好一点,大连买房网站哪个好？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何快速搭建自助建站会员专属系统？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  如何通过VPS建站无需域名直接访问？  C++中引用和指针有什么区别？（代码说明）  如何快速搭建高效WAP手机网站？  如何在自有机房高效搭建专业网站？  如何零基础在云服务器搭建WordPress站点？  高防服务器：AI智能防御DDoS攻击与数据安全保障  如何在Windows 2008云服务器安全搭建网站？  如何通过山东自助建站平台快速注册域名？  ,如何利用word制作宣传手册？  建站之星安装后界面空白如何解决？