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

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



SOA,Java,XSLT

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

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

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



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

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

  SQL Command Mysql nvl เช็ค null เหมือน Oracle ยังไง ถามเมื่อ (2018-07-04)   4,151 views  (ดูล่าสุดเมื่อ 9 นาที)

  ปัดทศนิยม ใน PL SQL Function CEIL FLOOR ROUND ต่างกันยังไง ถามเมื่อ (2011-07-26)   7,050 views  (ดูล่าสุดเมื่อ 24 นาที)

  true_homewifii love you ถามเมื่อ (2012-09-12)   2,017 views  (ดูล่าสุดเมื่อ 43 นาที)

  Oracle SQL MOD หารเอาเศษยังไงครับ ถามเมื่อ (2017-03-03)   5,222 views  (ดูล่าสุดเมื่อ 47 นาที)

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

  คำสั่ง list table ใน Oracle ถามเมื่อ (2018-08-23)   1,503 views  (ดูล่าสุดเมื่อ 61 นาที)

  fault tolerance หรือความทนทานต่อการเสียหายในเชิง Software คืออะไร ถามเมื่อ (2019-12-27)   6,754 views  (ดูล่าสุดเมื่อ 92 นาที)

  อยากแทรก iframe เข้าไปใน flex ของ script ด้วยครับ ถามเมื่อ (2013-04-24)   3,091 views  (ดูล่าสุดเมื่อ 116 นาที)

  Jquery menu โดนบัง flash กับ tab บังครับมันไปซ้อนอยู่ด้านหลังทำไงดี ถามเมื่อ (2013-04-23)   2,780 views  (ดูล่าสุดเมื่อ 133 นาที)

  nohub unix command เขียนยังไงครับ ถามเมื่อ (2013-05-17)   2,548 views  (ดูล่าสุดเมื่อ 135 นาที)


 

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