$(window).height() 文件高度變化引起的上拉載入不正常
阿新 • • 發佈：2020-12-15
技術標籤：小技巧
正常的上拉觸底自動載入程式碼：
$(window).scroll(function(){
var bottomsubmit =
(
′
.
m
o
r
e
c
a
s
e
′
)
.
o
f
f
s
e
t
(
)
.
t
o
p
−
('.morecase').offset().top-
(′.morecase′).offset().top−(window).height();
var nowtop = KaTeX parse error: Expected '}', got 'EOF' at end of input: …page>allpages){(’.morecase’).hide();return;}
setTimeout(“mtonextpage()”,500);
}
}
});
當滾動條到底部時，才觸發事件，我這樣就可以載入我所需要的內容了，因為 ( d o c u m e n t ) . s c r o l l T o p ( ) > = (document).scrollTop()>= (document).scrollTop()>=(document).height()-$(window).height()的意思是當滾動條高度大於視窗高度時-文件高度時，就觸發該事件。
但後面出現錯誤的情況是：無論滾動條怎麼動都會觸發這個事件
後面打印出這兩個值：發現這個$(document).height() 和 $(window).height() 這兩個值在 google 和 firefox裡的值竟然是一樣的，在ie中卻又不同，也就是不管滾動條怎麼動，這個判斷條件始終成立，所以出現了ie上沒事，其他瀏覽器出現不正確的情況。
解決辦法：
如果你和我一樣都是改了這個才出了問題，那麼就是這個原因了
我是改了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
改成了
<html lang='zh-CN' xml:lang='zh-CN' xmlns='http://www.w3.org/1999/xhtml' 就出錯了。
最後改回來，這個問題就解決了
也就是$(window).height()的值正常了，真是坑爹的問題