Jquery window height VS document height สอง function นี้ต่างกันอย่างไร  สร้างคำถาม

 265 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 29/05/2019

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 ของหน้าจอนั่นเอง

ลองเอาไปใช้งานกันดูนะครับ


ถ้าชอบบทความนี้ กด Like เลย :Jquery window height VS document height สอง function นี้ต่างกันอย่างไร
TAGS : Javascript   Jquery   Programming   โปรแกรมมิ่ง  
 265 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 29/05/2019



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่

#2.    มังกี้
@ โอชายะ
นั่นนายใช่มั้ย

...............................................
#1.    โอชายะ
@ บทความดี กำลังหาอยู่พอดี

...............................................



× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  PHP number format แบบมี ทศนิยม 2 ตำแหน่ง ถามเมื่อ (2013-07-10)   2,289 views  (ดูล่าสุดเมื่อ 2 นาที)

  UML คืออะไร ประกอบด้วย diagram อะไรบ้าง ถามเมื่อ (2016-05-24)   714 views  (ดูล่าสุดเมื่อ 8 นาที)

  jquery การเข้าถึงตัวแปรแบบ Dynamic ผ่าน ID ทำยังไงครับ ถามเมื่อ (2019-06-01)   765 views  (ดูล่าสุดเมื่อ 14 นาที)

  PLSQL select into แบบ Dynamic SQL ด้วย bind variable ถามเมื่อ (2017-03-03)   1,064 views  (ดูล่าสุดเมื่อ 30 นาที)

  Jquery ตัวอย่าง การจับตำแหน่ง scrollTop เพื่อ Load Data เพิ่มเมื่อเลื่อนจนถึงล่างสุด ถามเมื่อ (2019-05-29)   276 views  (ดูล่าสุดเมื่อ 32 นาที)

  Spring Security 4 กับการทำ Basic Authen ถามเมื่อ (2016-06-29)   674 views  (ดูล่าสุดเมื่อ 34 นาที)

  คําสั่ง sql คืออะไรคะ ต่างจาก PLSQL ยังไง ถามเมื่อ (2011-06-24)   2,265 views  (ดูล่าสุดเมื่อ 66 นาที)

  เขียน PL SQL ให้แสดง error message ยังไงครับ ถามเมื่อ (2015-08-23)   1,918 views  (ดูล่าสุดเมื่อ 108 นาที)

  PHP gen Barcode ตัวอย่างโปรแกรม Gen Barcode Images ด้วย PHP ถามเมื่อ (2013-07-16)   1,870 views  (ดูล่าสุดเมื่อ 130 นาที)

  html คือ อะไร และ html หมายถึง อะไร ครับ ใช้ทำอะไร ถามเมื่อ (2011-06-24)   1,781 views  (ดูล่าสุดเมื่อ 135 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com