Jquery window height VS document height สอง function นี้ต่างกันอย่างไร
Jquery $(window).height() VS $(document).height()
สอง function นี้ต่างกันอย่างไร
$(window).height()
คือความสูงของหน้าจอหน่วยเป็น pixel จะเป็นค่าคงที่ตามขนาดของ Browser
ไม่ว่า content จะเยอะจนเราต้อง scroll ลงไปมากแค่ใหนก็ตาม ความสูงของหน้าจอจะเท่าเดิม
$(document).height()
คือความสูงของเอกสารหน่วยเป็น pixel ดูแล้วเหมือนจะคล้ายๆ กันนะ แต่ ......
มันคือความสูงของเอกสารหรือ content ในหน้าจอของเรามีค่ามากน้อยแล้วแต่ว่า content เรามีมากแค่ใหน
พูดง่ายๆ มันคือความสูงของ content ทั้งส่วนที่มองเห็น ส่วนที่ scroll ผ่านไปแล้ว และส่วนที่ scroll ยังไม่ถึง
ส่วนมากสอง function นี้มักถูกนำไปใช้ร่วมกับ function ($(window).scrollTop() (ตำแหน่งของ scroll บนสุด)
เพื่อใช้หาจุด bottom ของหน้าจอ ด้วยสูตร
($(window).scrollTop()+$(window).height() == $(document).height()
ถ้าใช่ นั่นคือจุด bottom ของหน้าจอนั่นเอง
ลองเอาไปใช้งานกันดูนะครับ