JS 모 바 일 엔 드 로 딩, 드 롭 다운 리 셋
5216 단어 JS
let this_ = this;
//
document.getElementById("news_list").addEventListener('scroll', (e) => {
//console.log(e);
let wScrollY = document.getElementById("news_list").scrollTop; //
let wInnerH = document.getElementById("news_list").offsetHeight; // ( )
let bScrollH = document.getElementById("news_list").scrollHeight; //
//console.info(wScrollY+" - "+wInnerH+" - "+bScrollH);
if (wScrollY + wInnerH >= bScrollH) {
$(".periodNews").hide();
$(".loadMore").show();
/*
this_.findNews("", "up", "");
*/
// 1 ,
window.setTimeout(function () {
$(".loadMore").hide();
$(".periodNews").show();
}, 1000)
}
}, true);
let startY = 0;
let endY = 0;
//
$(".newsListDiv").on({
touchmove: function (event) {//
//console.info(event);
let touch = event.targetTouches[0];
//endX = touch.pageX;
endY = touch.pageY;
if (startY == 0) {//
startY = endY;
}
let wScrollY = document.getElementById("news_list").scrollTop; //
if (wScrollY == 0 && (endY - startY) > 2) {// 0, ,
//console.info(" ");
$(".loadMoreTop").show();//
$(".refresh").show();// ‘ ’
let height = endY - startY;//
if (height > 92) {//
$(".refresh").hide();// ‘ ’
$(".refreshWait").show();// ‘ ’
height = 92;
}
//$(".loadMoreTop").stop();
$(".loadMoreTop").animate({height: height + "px"}, 0);//
}
},
touchend: function () {//
if ((endY - startY) > 90) {// 50 ,
$(".refreshWait").hide();
//$(".refresh").hide();
$(".refreshing").show();
/*
this_.findNews("", "down", "");
*/
// 1 ,
window.setTimeout(function(){
$(".loadMoreTop").animate({height:"0px"},50);//
$(".refreshing").hide();
$(".refresh").show();
},1000)
} else {
$(".loadMoreTop").animate({height: "0px"}, 50);
}
startY = 0;
endY = 0;
}
});
//
async findNews(type, refreshType?, title?) {
if (!type || type == " ") {
type = '';
}
if (!refreshType || refreshType == "down") {//
this.pageStart = 0;
this.pageEnd = 10;
} else if (refreshType == "up") {//
this.pageStart = this.pageEnd;
this.pageEnd += 10;
}
//
let data = {
type: type,
n: this.pageStart,
m: this.pageEnd,
title: title || ''
}
let url = "";
const result = await this.http.ajax(url, data);
//
if (refreshType && refreshType == "up") {
this.news = this.news.concat(result);
} else {
this.news = result;
}
if (refreshType) {
if (refreshType == "down") {//
$(".loadMoreTop").animate({height: "0px"}, 50);//
$(".refreshing").hide();
$(".refresh").show();
} else {//
$(".loadMore").hide();
$(".periodNews").show();
}
}
}
...
...
_(:з」∠)_
아마 자줏빛 이 될 거 야.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 판단 수조 네 가지 실현 방법 상세그러면 본고는 주로 몇 가지 판단 방식과 방식 판단의 원리를 바탕으로 문제가 있는지 토론하고자 한다. 예를 들어 html에 여러 개의 iframe 대상이 있으면 instanceof의 검증 결과가 기대에 부합되지 않을...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.