`

滚动条到浏览器底部时自动加载js

阅读更多


$(window).scroll(function() {
     //滚动条到网页头部的 高度,兼容ie,ff,chrome
 // var top = document.documentElement.scrollTop + document.body.scrollTop; //??????

      //网页的高度
     var textheight= $(document).height();// 整个页面的高度
      var clt =$(window).height(); // 当前可见页面高度
      //滚动条到网页头部的 高度
      var top= $(document).scrollTop();// 滚动条距顶部高度
     // alert(textheight - top - clt);
      if (textheight - top - clt <= 100){
          alert('到底部啦!!!!');
     }
 
});

分享到:
评论

相关推荐

    基于javascript实现浏览器滚动条快到底部时自动加载数据

    主要介绍了基于javascript实现浏览器滚动条快到底部时自动加载数据的相关资料,需要的朋友可以参考下

    js实现滚动条滚动到页面底部继续加载

    原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口...

    JS实现页面数据无限加载

    在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能。先看看浏览效果: ...

    php+ajax实现无刷新动态加载数据技术

    我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术,必应图片搜索、新浪微博、QQ空间等将该技术...

    深入分析element ScrollBar滚动组件

    scrollbar组件根目录下包括index.js文件和src文件夹,index.js是用来注册Vue插件的地方,没什么好说的,不了解的童鞋可以看一下Vue官方文档中的插件,...当wrap中的内容溢出的时候,就会产生各浏览器的原生滚动条,要实

    程序天下:JavaScript实例自学手册

    4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 ...

    基于JavaScript实现移动端无限加载分页

    原理:当滚动条到达底部时,执行下一页内容。 判断条件需要理解三个概念:  1.scrollHeight 真实内容的高度  2.clientHeight 视窗的高度,即在浏览器中所能看到的内容的高度  3.scrollTop 视窗上面隐藏掉的部分,...

    kindeditor v3.4.3

    * BUG: 修改了当浏览器出现滚动条并拖动调整大小时控制不住的问题。 * BUG: 修改了embed代码丢失自定义属性的问题。 * BUG: 修改了在IE上切换到代码模式后点击图标触发onbeforeunload事件的问题。 * BUG: 修改了在...

    大名鼎鼎SWFUpload- Flash+JS 上传

    在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 延续了SWFUpload的设计目标,将UI分离以交给开发人员控制和后续扩展 ...

    EMlog博客古典式模板 v1.1.rar

    可以不用拉滚动条,让屏幕缓慢的滚动,慢慢阅读博文。 十、返回顶部不再单一。可以上、可以下。放在上下按钮上,屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕,再点击一下再次滚动,不断点击可以快速浏览整个...

    wordpress人文古风主题 v2.5.zip

    可以不用拉滚动条,让屏幕缓慢的滚动,慢慢阅读博文。 十、返回顶部不再单一。可以上、可以下。放在上下按钮上,屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕,再点击一下再次滚动,不断点击可以快速浏览整个...

    EMlog博客古典式模板 v2.5.zip

    可以不用拉滚动条,让屏幕缓慢的滚动,慢慢阅读博文。 十、返回顶部不再单一。可以上、可以下。放在上下按钮上,屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕,再点击一下再次滚动,不断点击可以快速浏览整个...

    文章管理系统

    5.[纠正]选择服务器文件页面没有滚动条的BUG 2014年03月07日 V2.82更新包 1.[新增]会员投稿管理也加入复制功能 2.[改进]改进后台文章管理 缩略图示意图,图片图标代表本地缩略图,电脑图标代表远程缩略图 3.[纠正]...

    骑士PHP人才系统 4.2.66.zip

    修正 首页滚动条只允许审核通过的显示;修正 后台业务管理套餐类型为空;修正 套餐修改报错;修正 企业管理业务下的下载简历时间未显示;修正 分站下地区选择问题;修正 部分用户后台个人会员、照片简历列表报错问题...

    EMlog博客古风大气模板

    默认宽度为276px,分辨率在小于880px时自动隐藏。 六、鼠标指针动静结合,组合丰富。在IE浏览器下鼠标指针是动态的ani,而在其他浏览器下鼠标指针则是静态的,指针样式都不一样。如果你看腻了这些鼠标指针,images...

    cms后台管理

    Jeecms是基于Spring注解,在自定义标签时对于实体类和dao service等注意注解的问题。 五 自定义标签及使用自己创建的表的实现过程 下面是我自己定义的标签mycontent_list 首先,在数据库里创建了一个jc_...

Global site tag (gtag.js) - Google Analytics