บทความนี้อธิบายถึงวิธีการใช้เหตุการณ์แถบเลื่อนโดย JS แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ฉันเคยสงสัยมาก่อนว่าจะตรวจสอบเหตุการณ์แถบเลื่อนได้อย่างไร แต่ในที่สุดฉันก็เข้าใจเล็กน้อย
รหัสต่อไปนี้คือการฟังแถบเลื่อนตราบเท่าที่มันเคลื่อนที่และ DIV ด้านล่างจะกลับไปที่ด้านบนเพื่อแสดงและซ่อนรหัส
window.onscroll = function () {var t = document.documentelement.scrolltop || document.body.scrolltop; if (t> 0) {$ (". cbbfixed"). css ("ด้านล่าง", "10px"); } else {$ (". cbbfixed"). css ("ล่าง", "-85px"); -บันทึก:
T: ระยะทางจากแถบเลื่อนไปด้านบนสุด
t> 0 นั่นคือเมื่อแถบเลื่อนเลื่อนแล้วคำสั่ง IF () จะถูกดำเนินการทันที รหัสในอื่น () คือเมื่อแถบเลื่อนมาถึงด้านบน div ที่ด้านบนจะถูกซ่อน
กลับไปที่การดำเนินการคลิกของปุ่มด้านบน:
$ ("#cgotop") คลิก (ฟังก์ชั่น () {$ ('ร่างกาย, html'). animate ({scrolltop: 0}, 100); return false;});เติมเต็ม:
1. ฟังเหตุการณ์แถบเลื่อนขององค์ประกอบที่แน่นอน
$ (ตัวเลือก) .Scroll (ฟังก์ชั่น () {...... });2. รับระยะห่างจากการเลื่อน
$ (ตัวเลือก) .scrolltop (); $ (ตัวเลือก) .scrolllefft ();
PS: ที่นี่ฉันขอแนะนำเครื่องมือค้นหาออนไลน์เกี่ยวกับเหตุการณ์ JS ซึ่งสรุปประเภทเหตุการณ์ที่ใช้กันทั่วไปและฟังก์ชั่นฟังก์ชั่นของ JS:
รายการเหตุการณ์และฟังก์ชั่น JavaScript ทั้งหมด:
http://tools.vevb.com/table/javascript_event
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน