滚动条添加事件
2014-01-03 17:20
92 查看
1、 <script type="text/javascript">
$(document).ready(function (){
var nScrollHight = 0; //滚动距离总长,即750px
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = $("#div1").height(); //即500px
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
if(nScrollTop + nDivHight >= nScrollHight)
alert("滚动条到底部了");
});
});
</script>
说明:需要有某个div的Id为#div1
2、 $(document).ready(function(){
$(window).scroll(function(){
if($(document).scrollTop()+1200 > $(document).height())
LoadMoreInfo();
});
});
说明:LoadMoreInfo();是滚动条触发的事件
滚动条事件可以用于瀑布流
$(document).ready(function (){
var nScrollHight = 0; //滚动距离总长,即750px
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = $("#div1").height(); //即500px
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
if(nScrollTop + nDivHight >= nScrollHight)
alert("滚动条到底部了");
});
});
</script>
说明:需要有某个div的Id为#div1
2、 $(document).ready(function(){
$(window).scroll(function(){
if($(document).scrollTop()+1200 > $(document).height())
LoadMoreInfo();
});
});
说明:LoadMoreInfo();是滚动条触发的事件
滚动条事件可以用于瀑布流
相关文章推荐
- 为窗口添加滚动条事件
- 数组,元素的偏移量,client获取客户端的宽高,添加滚动条,onscroll滚动事件
- js 页面无滚动条添加滚轮事件
- 对滚动条添加JS事件
- vbox等控件添加滚动条滚动事件的监听函数
- ASP.NET AJAX 添加请求处理事件来防止按钮重复提交
- VC下添加和删除系统托盘图标,处理响应事件(Shell_NotifyIcon)
- Ecology8二次开发:HTML表单给自定义浏览按钮添加弹窗前事件
- UGUI和NGUI多个按钮事件方法(for循环添加)
- 第五部分 给程序添加退出事件
- 小试ajax添加与取消监听事件
- EXT textfield 添加鼠标事件
- Recyclerview添加点击事件和长按事件
- c# 自定义控件如何在属性栏添加自定义事件
- UIView 添加点击事件
- 为页面上某些文本框添加离开验证输入事件
- iOS开发封装带有Button的UIView控件,使用block给button添加点击事件
- 添加touch事件 addNodeEventListener
- Swift - 使用EventKit获取系统日历事件,添加事件
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码