`
zhoujiabin810812
  • 浏览: 25526 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

利用滚动条可实现全局数据数据的加载

阅读更多
<%@ page language="java" contentType="text/html; charset=gb2312"
    pageEncoding="gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>滚动条事件</title>
<script language="javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function (){
    var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
    var nScrollTop = 0;   //滚动到的当前位置
    var nDivHight = $("#Layer3").height();
var a=0;
    $("#Layer3").scroll(function(){
    nScrollHight = $(this)[0].scrollHeight;
    nScrollTop = $(this)[0].scrollTop;
    var temp=nScrollTop -a;
        if((temp)>200){
             a=nScrollTop;
         <!-- 只需要用ajax替换此部分即可
             var str="";
             for(var i=0;i<100;i++)
             {
               str+="<a href='#'>"+1231231+"</a><br>";
             }

             $("#Layer3").append(str);
          --!>
            }
           });
   
  });
</script>
</head>
<body>
<div id="Layer3" style="height:100px; width:200px;  border: 1px solid #999999;padding: 1px;overflow:auto;">
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>
  <p>1231231</p>

</div>

</body>
</html>
0
1
分享到:
评论

相关推荐

    Powerbuilder9.0实用教程源代码

    8.8.2 垂直滚动条控件 225 8.8.3 水平调节控件 226 8.8.4 垂直调节控件 228 8.8.5 水平进度条控件 228 8.8.6 垂直进度条控件 229 8.9 列表框控件 230 8.9.1 下拉式列表控件 230 8.9.2 下拉式图标列表控件 231...

    delphi 开发经验技巧宝典源码

    0015 以原始风格显示控件的滚动条 11 0016 使用快捷键打开对象观察器中的“...”按钮 11 1.5 其他相关应用技巧 11 0017 安装合适的Delphi版本 11 0018 熟练掌握Delphi中的菜单项 12 0019 构成Delphi项目...

    delphi 开发经验技巧宝典源码06

    0015 以原始风格显示控件的滚动条 11 0016 使用快捷键打开对象观察器中的“...”按钮 11 1.5 其他相关应用技巧 11 0017 安装合适的Delphi版本 11 0018 熟练掌握Delphi中的菜单项 12 0019 构成Delphi项目...

    超实用的jQuery代码段

    5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放功能 6.1 基本拖放功能 6.2 基于事件的拖放 6.3 限制移动范围的拖放 6.4 延迟进行的...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    iframe:是否使用iframe方法加载内容,该属性如果为true或者object,组件则尝试将message内容作为url进行加载(如果属性值为一个object,则将object的内容添加为iframe的属性,如iframe:{id:'myId',name:'myName',src...

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

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

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

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    C#编程经验技巧宝典

    111 &lt;br&gt;0184 如何在ASP.NET中获取文件的扩展名 111 &lt;br&gt;0185 如何在ASP.NET中用URL在页面之间传值 112 &lt;br&gt;0186 如何使用IsPostBack实现ASP.NET页面加载 112 &lt;br&gt;0187 如何利用输出缓存技术缓存...

    delphi EhLib 9.5.012 Full Source 专业版 .rar

    带有可滚动列表,并且可以显示和编辑数据集中的字段,或者可以 用作非数据感知组合编辑控件。 TDBNumberEditEh组件 表示可以显示和编辑数字的单行数字编辑控件 数据集中的字段或可以用作非数据感知的编辑控件。 ...

    VeryIDE Bee 互动营销**台 v1.5 UTF-8.rar

    优化 IE6 兼容性若干问题(打开窗口空白、页面滚动条、右下角小提示变形等) 优化 为部分现代浏览器增加 CSS3 效果,例如圆角、阴影等 优化 后台操作窗口拖动不流畅的问题,以及窗口随屏幕尺寸自适应的问题 优化 ...

    HTML开发王

    11.2.4 滚动条设置 11.2.5 改变框架窗口大小 11.2.6 框架的描述(title属性、longdesc属性) 11.3 使用目标框架(name属性和target属性) 11.3.1 设置链接默认的目标 11.3.2 目标的优先级 11.3.3 名称和框架标识 11.4 ...

    Statiks-crx插件

    *改进Windows OS上的滚动条*添加网络时添加加载程序*鼠标悬停效果以显示单击的可能性*大量修复和改进,以实现更好的v1.1.2稳定性*修复了instagram问题。 v1.1.1 *添加了平台检测功能,以避免出现一些奇怪的问题。 v...

    Visual.C#2010从入门到精通

    8.7.1 滚动条 149 8.7.2 滚动视窗应用实例 150 8.8 小结 154 第9章 位图编程 155 9.1 位图的种类 155 9.2 位图的显示 156 9.2.1 创建位图对象 156 9.2.2 加载和设置位图内容 157 9.2.3 显示位图 159 9.2.4 创建一个...

    vc++ 应用源码包_1

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    vc++ 应用源码包_2

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    vc++ 应用源码包_6

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    vc++ 应用源码包_5

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

Global site tag (gtag.js) - Google Analytics