专栏首页deepccjQuery scroll(滚动)延迟加载

jQuery scroll(滚动)延迟加载

延迟加载

$(window).scroll(function(){
    var scrollHeight = $(document).height(); //文档高度
    var scrollTop = $(this).scrollTop(); //滚动条卷去高度
    var windowHeight = $(this).height(); // 窗口高度
    // console.log(scrollHeight, scrollTop, windowHeight)
    if(scrollHeight - scrollTop - windowHeight < 100 ){
        
        console.log("到底了");
        //ajax渲染页面
    }
});
jQuery(function($){
    var topicBoxTopHeight = jQuery('#topicBox').offset().top;
    var topicBoxTopHeight_show = 1
    $(window).scroll(function(event){
        
        if($(this).scrollTop() > topicBoxTopHeight-$(window).height()-200 && topicBoxTopHeight_show==1){
            topicBoxTopHeight_show=0;
            topicBoxFn();
        }

    });
})

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Javascript 浮点计算问题分析与解决

    deepcc
  • Javascript 浮点计算问题分析与解决

    deepcc
  • 用 Function.apply() 的参数数组化来提高 JavaScript程序性能

    deepcc
  • Leetcode 208 solution: Implement Trie (Prefix Tree)

    https://blog.baozitraining.org/2019/04/leetcode-solution-208-implement-trie.html

    包子面试培训
  • Hbase数据导入导出

    用户3003813
  • csvtk:高效命令行版极简dplyr

    之前写 datamash 的使用教程 linux 极简统计分析工具 datamash 必看教程,收到了一位读者的私信,内容如上。

    生信技能树
  • 计算机网络基础知识笔记(四)

    运输层是整个网络体系结构中的关键层次之一。本文讨论TCP/IP体系中运输层最重要的两种协议:TCP/UDP。必须理解TCP的各种机制(面向连接的可靠服务、流量控...

    互联网金融打杂
  • JavaScript中浅拷贝和深拷贝的区别和实现

    要理解 JavaScript中浅拷贝和深拷贝的区别,首先要明白JavaScript的数据类型。JavaScript有两种数据类型,基础数据类型和引用数据类型。

    Javanx
  • UISYS封装ECharts插件

    AIroot UISYS 工具的模块封装能力很强,可以方便的融合第三方插件的能力。可以按照开发者的思想对已有插件升级改造,

    金刚
  • Hbase篇--Hbase和MapReduce结合Api

    Mapreduce可以自定义Inputforma对象和OutPutformat对象,所以原理上Mapreduce可以和任意输入源结合。

    LhWorld哥陪你聊算法

扫码关注云+社区

领取腾讯云代金券