android新闻详情页面显示,移动端页面新闻列表内容显示不全（页面切换后的位置问题）...

别人写的代码存在bug(代码高能预警)附：http://owodream.net/WapInterf...，(作者在页面中使用了iscoll插件)现在甩给我来改，问题的基本情况是这样的：

呱呱头条

下拉刷新

上拉加载更多

$(function () {

//页面加载中的遮罩动画

$(".cover").show();

$(".loading").show();

$(".cover").height(document.documentElement.clientHeight)

$.ajax({

type: "post", //使用get方法访问后台

// dataType: "json", //返回json格式的数据

url: "${basePath}/article/ArticleType", //要访问的后台地址

data: {"Infversion": "1.0"}, // 你的formid

success: function (data1) {//msg为返回的数据，在这里做数据绑定

var oData = JSON.parse(data1).data;

console.log(oData)

var str = "

• ";

for (var i = 0; i < oData.length; i++) {

if (oData[i].item.length > 0) {

var url = "";

var picpath = "";

for (var j = 0; j < oData[i].item.length; j++) {

url = url + oData[i].item[j].url + "**";

picpath = picpath + oData[i].item[j].picpath + "**";

}

url = url.substring(0, url.length - 2)

picpath = picpath.substring(0, picpath.length - 2)

str += "

" + oData[i].catalogname + ""

} else {

str += "

" + oData[i].catalogname + ""

}

}

str += '

'

$(".scroller").html(str);

var ispicpath = $("#article1").attr("picpath");

var isurl = $("#article1").attr("url");

var isurlarr = new Array(); //定义一数

var ispicpatharr = new Array(); //定义一数

if (typeof(ispicpath) != "undefined") {

isurlarr = isurl.split("**");

ispicpatharr = ispicpath.split("**");

var str1 = "";

for (var i = 0; i < isurlarr.length; i++) {

// alert("isurl:"+isurlarr[i]);

str1 += '';

var strs = '

' + str1 + '

';

$(".Carousel").html(strs);

//轮播图样式

var swiper = new Swiper('.swiper-container', {

pagination: '.pagination',

loop: true,

grabCursor: true,

autoplay: 4500,

autoplayDisableOnInteraction: false

});

}

} else {

$(".Carousel").html(" ");

}

$('.clearfix li').first().children('a').css('margin-left', '5.6rem')

$('.wrapper').navbarscroll();

}

});

$.ajax({

type: "post", //使用get方法访问后台

// dataType: "json", //返回json格式的数据

url: "${basePath}/article/ArticleList", //要访问的后台地址

data: {

"UID": "1500724505",

"pageSize": "20",

"pageIndex": "1",

"catalogid": "1",

"Infversion": "1.0"

}, // 你的formid

success: function (obj) {//msg为返回的数据，在这里做数据绑定

var oData = JSON.parse(obj).data;

console.log(oData)

var str = "";

for (var i = 0; i < oData.length; i++) {

if (oData[i].imagesnumber == 1) {

str += "

" + oData[i].title + "" + oData[i].hits + '阅读' + "

"

}

if (oData[i].imagesnumber == 3) {

str += "

" + oData[i].title + "

" + oData[i].hits + '阅读' + "

"

}

}

$("#thelist").html(str)

//页面加载遮罩淡入淡出效果

$(".cover").fadeOut();

$(".loading").fadeOut();

myScroll.refresh();

}

});

});

var catalogid = 1;

function article(id) {

catalogid = id;

myScroll.refresh();

$("#thelist").html(" ")

var path = "article" + id;

var ispicpath = $("#" + path).attr("picpath");

var isurl = $("#" + path).attr("url");

var isurlarr = new Array(); //定义一数

var ispicpatharr = new Array(); //定义一数

if (typeof(ispicpath) != "undefined") {

isurlarr = isurl.split("**");

ispicpatharr = ispicpath.split("**");

var str1 = "";

for (var i = 0; i < isurlarr.length; i++) {

//alert("isurl:"+isurlarr[i]);

str1 += '';

var str = '

' + str1 + '

';

console.log(str)

$(".Carousel").html(str);

//轮播图

var swiper = new Swiper('.swiper-container', {

pagination: '.pagination',

loop: true,

grabCursor: true,

autoplay: 4500,

autoplayDisableOnInteraction: false

});

}

} else {

$(".Carousel").html(" ");

}

var getH = $(".navBox").height();

$("#wrapper").css('top', $(".navBox").height());

//页面加载过程中的遮罩层

$(".cover").show();

$(".loading").show();

$.ajax({

type: "post", //使用get方法访问后台

// dataType: "json", //返回json格式的数据

url: "${basePath}/article/ArticleList", //要访问的后台地址

data: {

"UID": "1500724505",

"pageSize": "20",

"pageIndex": "1",

"catalogid": id,

"Infversion": "1.0"

}, // 你的formid

success: function (obj) {//msg为返回的数据，在这里做数据绑定

var oData = JSON.parse(obj).data;

var strstr = "

• ";

for (var i = 0; i < oData.length; i++) {

if (oData[i].imagesnumber == 1) {

strstr += "

" + oData[i].title + "" + oData[i].hits + '阅读' + "

"

}

if (oData[i].imagesnumber == 3) {

strstr += "

" + oData[i].title + "

" + oData[i].hits + '阅读' + "

"

}

}

strstr += '

'

$("#thelist").append(strstr)

//为加载动画添加淡入淡出效果

$(".cover").fadeOut();

$(".loading").fadeOut();

myScroll.refresh();

}

});

}

var i = 1;

function pullUpAction(catalogid) {

//请求的时候出现转圈圈的图

$(".cover").show();

$(".loading").show();

i++;

myScroll.refresh();

$.ajax({

type: "post", //使用get方法访问后台

// dataType: "json", //返回json格式的数据

url: "${basePath}/article/ArticleList", //要访问的后台地址

data: {

"UID": "1500724505",

"pageSize": "20",

"pageIndex": i,

"catalogid": catalogid,

"Infversion": "1.0"

}, // 你的formid

success: function (obj) {//msg为返回的数据，在这里做数据绑定

var oData = JSON.parse(obj).data;

var str = "";

for (var i = 0; i < oData.length; i++) {

if (oData[i].imagesnumber == 1) {

str += "

" + oData[i].title + "" + oData[i].hits + '阅读' + "

"

}

if (oData[i].imagesnumber == 3) {

str += "

" + oData[i].title + "

" + oData[i].hits + '阅读' + "

"

}

}

$("#thelist").append(str);

myScroll.refresh();

$(".cover").fadeOut();

$(".loading").fadeOut();

}

});

}

//下拉刷新当前数据

function pullDownAction(catalogid) {

//请求的时候出现转圈圈的图

$(".cover").show();

$(".loading").show();

myScroll.refresh();

$("#thelist").html(" ")

$.ajax({

type: "post", //使用get方法访问后台

// dataType: "json", //返回json格式的数据

url: "${basePath}/article/ArticleList", //要访问的后台地址

data: {

"UID": "1500724505",

"pageSize": "20",

"pageIndex": 1,

"catalogid": catalogid,

"Infversion": "1.0"

}, // 你的formid

success: function (obj) {//msg为返回的数据，在这里做数据绑定

var oData = JSON.parse(obj).data;

var str = "";

if (oData.length > 0) {

for (var i = 0; i < oData.length; i++) {

if (oData[i].imagesnumber == 1) {

str += "

" + oData[i].title + "" + oData[i].hits + '阅读' + "

"

}

if (oData[i].imagesnumber == 3) {

str += "

" + oData[i].title + "

" + oData[i].hits + '阅读' + "

"

}

}

} else {

alert("没有更多的数据")

}

$("#thelist").html(str);

myScroll.refresh();

setTimeout(function () {

$(".cover").fadeOut();

$(".loading").fadeOut();

}, 300);

}

});

}