我試圖用window.pageYOffset & window.scrollMaxY來計算當前頁面進度。此方法在FF3.5下工作,但在webkit window.scrollMaxY未定義。window.scrollMaxY的替代品?
9
A
回答
2
我逃脫了document.body.scrollHeight
使
document.body.scrollHeight = window.pageYOffset + screen height in pixels
頁面(在Android)結束。
14
替代window.scrollMaxY
:
document.documentElement.scrollHeight - document.documentElement.clientHeight
給出下DOCTYPE XHTML 1.0過渡相同的結果用window.scrollMaxY
IE7,IE8,FF3.5,Safari瀏覽器4,歌劇10,谷歌瀏覽器3。
3
兩年後......
function getScrollMaxY(){
var innerh;
if (window.innerHeight){
innerh = window.innerHeight;
}else{
innerh = document.body.clientHeight;
}
if (window.innerHeight && window.scrollMaxY){
// Firefox
yWithScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){
// all but Explorer Mac
yWithScroll = document.body.scrollHeight;
} else {
// works in Explorer 6 Strict, Mozilla (not FF) and Safari
yWithScroll = document.body.offsetHeight;
}
return yWithScroll-innerh;
}
0
x = document.body.clientHeight;
console.log(x ,"Cline HEight");
xx = window.innerHeight;
console.log(xx, "Inner Height");
xxx = document.body.scrollHeight
console.log(xxx, "scrollHeight");
xxxx = window.scrollMaxY;
console.log(xxxx, "scrollMaxY for IE");
xxxxx = document.body.offsetHeight;
console.log(xxxxx, "offsetHeight");
xxxxxx= document.body.scrollTop;
console.log(xxxxxx, "scrollTop");strong text
相關問題
- 1. @「」的替代品?
- 2. ASIHTTP的最佳替代品,替代品或替代品用於下載隊列
- 3. Pieceable的替代品
- 4. NowJS的替代品
- 5. Flash的替代品?
- 6. RelativeLayout的替代品?
- 7. JMegahal的替代品
- 8. JodReports的替代品
- 9. Git的替代品?
- 10. YQL的替代品
- 11. FMINCON的替代品
- 12. SuperSized的替代品
- 13. reCAPCTHA的替代品?
- 14. wx.lib.masked.NumCtrl的替代品
- 15. webistrano的替代品?
- 16. PathListBox的替代品
- 17. CKAN的替代品
- 18. SwaggerHub的替代品
- 19. Wakelocks的替代品?
- 20. fancybox的替代品?
- 21. Dreamweaver的替代品?
- 22. pdftohtml的替代品
- 23. MSMQ的替代品
- 24. SRSPlus的替代品?
- 25. Webview的替代品?
- 26. NSMutableDictionary的替代品?
- 27. @VisibleForTesting的替代品
- 28. OnPropertyChanged的替代品
- 29. Heroku的替代品
- 30. Tika的替代品
謝謝你的好先生。我很想知道是否有任何缺點使用這種方法。我只是在Chrome/Firefox中測試它,它的工作原理! – swajak 2011-06-06 23:17:16