บทความนี้อธิบายวิธีการของ JS เพียงแค่ใช้ตำแหน่งคงที่ของ DIV เมื่อเทียบกับเบราว์เซอร์ แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html public "-// w3c // dtd html 4.0 transitional // en"> <html> <head> <title> คุณสมบัติสมอ </title> <meta http-equiv = "content-type" content-type "content-type name = "Robots"> <script> function totop () {window.scrollto (0,0);} ฟังก์ชั่นด้านล่าง () {// คุณสมบัติ Scrollheight คือการได้รับความสูงของวัตถุ window.scrollto (0, document.body.scrollheight);} function left () {//alert("left"); //alert(document.body.scrollwidth); // ความกว้างของหน้าต่างแถบเลื่อนทั้งหมด scrollby (document.body.scrollwidth, 0);} function init () {var init_pos = olayer.style.postop; var init_left = olayer.style.posleft; document.body.onscroll = function () {//document.body.scrolltop เท่ากับระยะทางจากปลายด้านบนของตัวเลื่อนเลื่อนไปจนถึงจุดเริ่มต้นของการเลื่อน olayer.style.postop = document.body.scrolltop+init_pos; // scrollleft set หรือรับระยะห่างระหว่างขอบเขตด้านซ้ายของวัตถุและปลายซ้ายสุดของเนื้อหาที่มองเห็นได้ในปัจจุบันในหน้าต่าง olayer.style.posleft = document.body.scrollleft +init_left; }} </script> </head> <body onload = "init ()"> <a onclick = "bottom ()"> ตั้งค่าด้านล่าง </a> <div id = "olayer" style = "ตำแหน่ง: Absolute; ซ้าย: 120; Top: 60; z-index: 2; onclick = "ขวา ()"> ตั้งค่าขวา </a> <div> width = "2000px" </div> <a style = "float: ขวา" onclick = "left ()"> ใส่ ซ้าย </a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน