js滑动加载
来源:互联网 发布:银联数据应届生待遇 编辑:程序博客网 时间:2024/06/08 16:51
/* 发帖按钮控制与滑动加载*/
$(function() {
var session = window.sessionStorage;
var i = 5;
session.setItem("key", i);
var intJ = parseInt(session.getItem("key"));
console.log(intJ);
var obj = document.getElementById("cssComment");
for ( var J = 0; J <= obj.childNodes.length / 2; J++) {
if (J > intJ) {
for ( var J; J <= obj.childNodes.length; J++) {
$("#cssSingleComment" + J).hide();
}
}
}
var p = $(".sendPostImg");
var c = $(".cssComment");
$(window).scroll(function() {
var offestDis = $(document).scrollTop();
p.css({
top : offestDis + 535 + "px"
});
c.css({
height : offestDis + 600 + "px"
});
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if (scrollTop + windowHeight == scrollHeight) {
var i = session.getItem("key");
i = parseInt(i);
i = i + 5;
session.setItem("key", i);
var intI = parseInt(session.getItem("key"));
if (i > intI - 6 && i <=intI) {
for ( var i = intI - 6; i <= intI; i++) {
$("#cssSingleComment" + i).show();
}
}
}
});
});
$(function() {
var session = window.sessionStorage;
var i = 5;
session.setItem("key", i);
var intJ = parseInt(session.getItem("key"));
console.log(intJ);
var obj = document.getElementById("cssComment");
for ( var J = 0; J <= obj.childNodes.length / 2; J++) {
if (J > intJ) {
for ( var J; J <= obj.childNodes.length; J++) {
$("#cssSingleComment" + J).hide();
}
}
}
var p = $(".sendPostImg");
var c = $(".cssComment");
$(window).scroll(function() {
var offestDis = $(document).scrollTop();
p.css({
top : offestDis + 535 + "px"
});
c.css({
height : offestDis + 600 + "px"
});
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if (scrollTop + windowHeight == scrollHeight) {
var i = session.getItem("key");
i = parseInt(i);
i = i + 5;
session.setItem("key", i);
var intI = parseInt(session.getItem("key"));
if (i > intI - 6 && i <=intI) {
for ( var i = intI - 6; i <= intI; i++) {
$("#cssSingleComment" + i).show();
}
}
}
});
});
阅读全文
0 0
- js 模拟滑动加载
- js滑动加载
- js滑动到底部加载更多
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
- Android ListView滑动加载
- ListView的滑动加载
- UITableView滑动加载
- Android listView 滑动加载
- JQUERY 滑动加载数据
- TableView滑动不加载
- TableView滑动不加载
- android 滑动加载listview
- 滑动加载更多数据
- listView滑动加载更多
- .net 手机滑动加载
- 移动端滑动加载
- 前段js滑动到最底端触发加载下一页的方法
- js实现移动HTML5页面滑动到最底部触发内容加载
- Django 使用MySQL
- while和do while
- ssh
- 684. Redundant Connection(第6周作业重做,麻烦重新批改下)
- The Settlers of Catan POJ
- js滑动加载
- 模板全特化与偏特化
- 《Java核心技术 卷I》笔记 第二章 Java程序设计环境
- mysql 5.7.19安装
- CS231N-11-Other Computer Vision Tasks
- extends作业三
- 用__dict__列出实例属性的通用工具
- IO多路复用之select
- Mysql使用