juery怠け者ロード、トップに戻る
1099 ワード
に質問
1.ウィンドウの表示範囲(ブラウザの上端と下端の間、肉眼で表示)に要素が表示されているかどうかを判断する方法.関数isVisible実装を書く
2.ウィンドウがスクロールされると、ウィンドウの表示範囲に要素が表示されているかどうかを判断します.表示されるたびにコンソールにtrueを印刷します.コードで実現
3.ウィンドウがスクロールされると、1つの要素がウィンドウの表示範囲に表示されるかどうかを判断します.エレメントが最初に表示されるとコンソールにtrueが印刷され、その後は処理されません.コードで実現画像の怠け者のロードの原理は何ですか?
ユーザーはどの位置にスクロールし、どの位置にピクチャをロードしますか.
コード#コード#
コード1
コード2
コード3
著作権は作者に帰属するJoshと飢人谷所有、転載は出所を明記してください
1.ウィンドウの表示範囲(ブラウザの上端と下端の間、肉眼で表示)に要素が表示されているかどうかを判断する方法.関数isVisible実装を書く
function isVisible($el){
var scrollH = $(window).scrollTop(),
winH = $(window).height(),
top = $el.offset().top;
if(top < winH + scrollH){
return true;
}else{
return false;
}
}
2.ウィンドウがスクロールされると、ウィンドウの表示範囲に要素が表示されているかどうかを判断します.表示されるたびにコンソールにtrueを印刷します.コードで実現
$(window).on('scroll',function(){
if(isVisible($el){
console.log(true);
}
})
3.ウィンドウがスクロールされると、1つの要素がウィンドウの表示範囲に表示されるかどうかを判断します.エレメントが最初に表示されるとコンソールにtrueが印刷され、その後は処理されません.コードで実現
$(window).on('scroll',function(){
if(isVisible($el)){
print();
$(this).attr('isLoading',true);
}
})
function print($el){
if($el.attr('isLoading')){
return;
}else{
console.log(true);
}
}
ユーザーはどの位置にスクロールし、どの位置にピクチャをロードしますか.
コード#コード#
コード1
コード2
コード3
著作権は作者に帰属するJoshと飢人谷所有、転載は出所を明記してください