没有合适的资源?快使用搜索试试~ 我知道了~
滑动滚动条,某个高度并记录数字
需积分: 10 1 下载量 52 浏览量
2017-08-29
15:53:07
上传
评论
收藏 1KB TXT 举报
温馨提示
试读
2页
滑动滚动条,滑动到某个高度并记录数字
资源推荐
资源详情
资源评论
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>下拉滚动条滚到底部了吗?</title>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script language="javascript">
$(document).ready(function (){
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = $("#div1").height();
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
console.log(nScrollTop + nDivHight);
if(nScrollTop + nDivHight >= nScrollHight){
alert("滚动条到底部了");
}
var a=nScrollHight/750;
for(var i=0;i<a;i++){
if((nScrollTop + nDivHight >= 750*i ) && (nScrollTop + nDivHight <= 750*(i+1))){
$("#page").val(""+(i+1)+"s")
console.log(""+(i+1)+"s");
}
}
});
});
</script>
<body>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>下拉滚动条滚到底部了吗?</title>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script language="javascript">
$(document).ready(function (){
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = $("#div1").height();
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
console.log(nScrollTop + nDivHight);
if(nScrollTop + nDivHight >= nScrollHight){
alert("滚动条到底部了");
}
var a=nScrollHight/750;
for(var i=0;i<a;i++){
if((nScrollTop + nDivHight >= 750*i ) && (nScrollTop + nDivHight <= 750*(i+1))){
$("#page").val(""+(i+1)+"s")
console.log(""+(i+1)+"s");
}
}
});
});
</script>
<body>
资源评论
qq_36477459
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功