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

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



SOA,Java,XSLT

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

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

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

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



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

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

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

  Oracle การ join โดยใช้ select ซ้อน select แบบมากกว่า 2 ชุด ถามเมื่อ (2017-03-03)   880 views  (ดูล่าสุดเมื่อ 3 นาที)

  datatable page select row วิธีปิด select row per page แบบให้ paging ยังอยู่ ถามเมื่อ (2017-06-01)   537 views  (ดูล่าสุดเมื่อ 3 นาที)

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

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

  วิธีใช้ extra webcam ถามเมื่อ (2012-02-28)   1,768 views  (ดูล่าสุดเมื่อ 16 นาที)

  Ireport เทคนิคการทำแบบฟอร์มด้วย Image Background ถามเมื่อ (2018-12-18)   195 views  (ดูล่าสุดเมื่อ 21 นาที)

  ลง Apserv แล้วค้างตรง service mysql ถามเมื่อ (2018-07-22)   245 views  (ดูล่าสุดเมื่อ 22 นาที)

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

  Web service Apache cxf จัดลำดับ Field ใน Response Object SOAP XML ให้เรียงตามโครงสร้าง Object ถามเมื่อ (2019-02-13)   465 views  (ดูล่าสุดเมื่อ 25 นาที)


 

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