作家
登录

如何判断网页是否已经滚动到浏览器底部了

作者: 来源: 2017-10-26 06:19:16 阅读 我要评论

  •         if(this.offset().top >= $(window).height()){ 
  •             this.inScroll(backcall,count); 
  •         }else
  •             this.inWindow(backcall); 
  •         } 
  •     }; 
  •     //直接加载回调函数 
  •     $.fn.inWindow = function (backcall){ 
  •         backcall(); 
  •  
  •     }; 
  •     //滚动监听滑动条,元素滚动到屏幕底部的时刻,加载回调函数 
  •     $.fn.inScroll = function (backcall,count) { 
  •         var $this=this; 
  •         $(window).scroll(function(){ 
  •         //获得这个元素到文档顶部的距离 
  •         var awayDocTop=$this.offset().top
  •         //获得滚动条的top 
  •         var sTop=$(document).scrollTop(); 
  •         //获得可视化窗口的高度 
  •         var wh=$(window).height(); 
  •         if(Math.ceil(wh+sTop)>=awayDocTop){ 
  •             if(count>0){ 
  •                 backcall(); 
  •                 count--; 
  •             } 
  •         }; 
  •     }); 
  •     }; 
  • })(jQuery);  
  • 然后读者在惹人膳绫擎的插件文件后,就可以经由过程类似于下面的代码调用了。

    1. $("#div").inBottom(function(){ 
    2.     alert("我被回调了"); 
    3. },1);  

    有了这个结论,那么实现起来就轻易了。下面的代码实现了,断定用户是否浏览到了网页的底部。

    【编辑推荐】

    1. Web的近况:网页机能晋升指南
    2. 前端必须要懂的浏览器缓存机制
    3. 谷歌收购网页加载提速对象Relay Media:速度可提85%
    4. ECharts, PHP, MySQL, Ajax, JQuery实现前后端数据可视化
    5. 关于网页内容加快黑科技的趣谈
    【义务编辑:庞桂玉 TEL:(010)68476606】

      推荐阅读

      沟通为王:安全人员必备的软技能

    沙龙晃荡 | 去哪儿、陌陌、ThoughtWorks在主动化运维中的实践!10.28不见不散! Tripwire产品治理及策略副总裁蒂姆·厄林称:“收集安然行业不该忽视打造强力安然项目所需的软技>>>详细阅读


    本文标题:如何判断网页是否已经滚动到浏览器底部了

    地址:http://www.17bianji.com/lsqh/38211.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)