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

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



SOA,Java,XSLT

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

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

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

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



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

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

  ขอตัวอย่าง การตัดคำด้วย PHP ค่ะ ถามเมื่อ (2011-06-24)   1,772 views  (ดูล่าสุดเมื่อ 6 นาที)

  Encrypt กับ Encode ต่างกันยังไง ถามเมื่อ (2017-03-03)   835 views  (ดูล่าสุดเมื่อ 49 นาที)

  วิธีแก้ปัญหาการใช้งาน AJAX Jquery กับ Safari ของ ios ถามเมื่อ (2019-02-06)   236 views  (ดูล่าสุดเมื่อ 57 นาที)

  ความแตกต่างระหว่าง RDBMS กับ Hadoop NoSQL ถามเมื่อ (2017-02-07)   1,898 views  (ดูล่าสุดเมื่อ 61 นาที)

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

  HBASE การออกแบบโครงสร้าง แบบ Map Key Value ที่ควรรู้ ถามเมื่อ (2017-02-07)   1,880 views  (ดูล่าสุดเมื่อ 65 นาที)

  mysql_fetch_array คือ คำสั่งอะไร มีข้อดียังๆง ถามเมื่อ (2016-08-30)   6,457 views  (ดูล่าสุดเมื่อ 67 นาที)

  ESB กับ OSB ต่างกันยังไง ถามเมื่อ (2014-05-22)   2,343 views  (ดูล่าสุดเมื่อ 70 นาที)

  ตัวอย่างการใช้ Regular Expressions ใน REGEXP_REPLACE ของ Oracle ถามเมื่อ (2017-01-18)   1,090 views  (ดูล่าสุดเมื่อ 73 นาที)

  Java clone Object ด้วย Cloneable ถามเมื่อ (2018-06-03)   359 views  (ดูล่าสุดเมื่อ 96 นาที)


 

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