zoukankan      html  css  js  c++  java
  • 随滚动条来加载可见屏幕内容的代码示例

    $(document).ready(function() {
                $(window).bind(
    "scroll", GetData);

               
    function GetData() {
                   
                   
    var windowHeight = $(window).height();
                   
    var scrollHeight = $(document).scrollTop();
                   
    var screenBottom = windowHeight + scrollHeight;
                   
    var documentHeight = $(document).height();
                   
    if (screenBottom >= documentHeight) {
                        $(window).unbind();
                        $.ajax({
                            type:
    "post",
                            url:
    "GetData.aspx",
                            data:
    "action=data",
                            success:
    function(data) {
                                data
    = eval("("+ data +")");
                               
    if (data.ret =1) {
                                   
    var html ="";
                                   
    for (var i =0; i <12; i++) {
                                        html
    +='<div style=" border:1px solid; 198px; float:left; height:200px" >'+ i +'</div>';
                                    }
                                    $(
    "#div_main").append(html);
                                    $(window).bind(
    "scroll", GetData);
                                }
                            }
                        })

                    }
                }
            });

  • 相关阅读:
    博客园美化-SimpleMemor
    Java多线程-synchronized与ReentrantLock
    springboot中删除@SessionAttributes注解的属性
    SSM整合笔记
    Spring中xml和注解方式使用AOP
    Mysql 数据库基本操作
    Mysql 二进制包安装
    named piped tcp proxy 下载
    docker容器中日志文件过大处理方法
    自动做bond的脚本
  • 原文地址:https://www.cnblogs.com/12go/p/2304722.html
Copyright © 2011-2022 走看看