zoukankan      html  css  js  c++  java
  • jQuery实现滚动时动态加载页面内容

    有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    var loading = false;
    $(window).scroll(function(){
     if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
          if(loading == false){
               loading = true;
               $('#loadingbar').css("display","block");
               $.get("load.php?start="+$('#loaded_max').val(), function(loaded){
                    $('body').append(loaded);
                    $('#loaded_max').val(parseInt($('#loaded_max').val())+50);
                    $('#loadingbar').css("display","none");
                    loading = false;
               });
          }
     }
    });
     
    $(document).ready(function() {
     $('#loaded_max').val(50);
    });

    看官赏点饭钱可好?

  • 相关阅读:
    跨媒体安全
    kali视频(21-25)学习
    kali视频(26-30)学习
    kali视频(16-20)学习
    kali视频学习(11-15)
    kali视频(1-5)
    使用Metaspoit攻击MS08-067
    web应用程序安全攻防---sql注入和xss跨站脚本攻击
    -区块链-
    TCP/IP网络协议攻击
  • 原文地址:https://www.cnblogs.com/telwanggs/p/5306139.html
Copyright © 2011-2022 走看看