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

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

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   โปรแกรมมิ่ง  
 84 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 29/05/2019



SOA,Java,XSLT

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

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

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

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



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

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

  MapReduce คืออะไร เกี่ยวข้องกับ Hadoop หรือ Big Data ยังไง ถามเมื่อ (2017-02-07)   6,415 views  (ดูล่าสุดเมื่อ 2 นาที)

  คำสั่ง eval ใน java script ใช้ทำอะไรครับ ถามเมื่อ (2013-02-22)   1,624 views  (ดูล่าสุดเมื่อ 5 นาที)

  เกย้เ ถามเมื่อ (2011-12-21)   1,709 views  (ดูล่าสุดเมื่อ 22 นาที)

  PHP CodeIgniter Disallowed Key Characters ปัญหาและแนวทางแก้ ถามเมื่อ (2016-05-22)   740 views  (ดูล่าสุดเมื่อ 36 นาที)

  Java Gen Excel ด้วย POI ขอตัวอย่าง ง่ายๆ ครับ ถามเมื่อ (2019-04-07)   1,795 views  (ดูล่าสุดเมื่อ 43 นาที)

  Java วิธีใช้ try with resources ใน Java 7 Code สวยขึ้นหมดห่วงเรื่อง Close ถามเมื่อ (2018-10-30)   244 views  (ดูล่าสุดเมื่อ 45 นาที)

  POJO คืออะไรในภาษา Java คือ Object ธรรมดาๆ หรือเปล่า ถามเมื่อ (2015-08-28)   3,340 views  (ดูล่าสุดเมื่อ 45 นาที)

  java mbean คือ อะไรครับ ใช้ทำอะไรได้บ้าง ถามเมื่อ (2015-08-28)   1,906 views  (ดูล่าสุดเมื่อ 45 นาที)

  วิธี bypass certificate https client และ Webservice client axis ถามเมื่อ (2017-06-01)   592 views  (ดูล่าสุดเมื่อ 47 นาที)

  SQL UNION กับ SQL UNION ALL ต่างกันยังไง ถามเมื่อ (2015-08-31)   2,544 views  (ดูล่าสุดเมื่อ 49 นาที)


 

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