บทความนี้อธิบายถึงการตั้งค่าและวิธีการใช้งานของจุดยึด JS แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> anchor </title> </head> <body> <ul> <li> <a href = "JavaScript: void (0);" onclick = "naver ('a')"> anchor a </a> </li> <li> <a href = "JavaScript: void (0);" onclick = "naver ('c')"> anchor b </a> </li> <li> <a href = "JavaScript: void (0);" onclick = "naver ('c')"> anchor c </a> </li> <li> <a href = "JavaScript: void (0);" onclick = "naver ('d')"> anchor d </a> </li></ul> <div style = "พื้นหลังสี: #f60; ความสูง: 400px;" id = "a"> aaa </div> <div style = "พื้นหลังสี: #f06; ความสูง: 400px;" id = "b"> bbb </div> <div style = "พื้นหลังสี: #60f; ความสูง: 400px;" id = "c"> ccc </div> <div style = "พื้นหลังสี: #06f; ความสูง: 400px;" id = "c"> ccc </div> <div style = "พื้นหลังสี: #06f; ความสูง: 400px;" id = "c"> ccc </div> <div style = "พื้นหลังสี: #06f; ความสูง: 400px;" id = "d"> ddd </div> <script> // ตั้งค่าฟังก์ชัน Anchor Naver (id) {var obj = document.getElementById (id); var opos = obj.offsettop; ส่งคืน window.scrollto (0, opos-36);} </script> </body> </html>ภาพการทำซ้ำ:
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปอัลกอริทึมและทักษะการสำรวจ JavaScript", "บทสรุปของการสลับเอฟเฟกต์พิเศษและทักษะการค้นหา JavaScript ของ JavaScript โครงสร้างและทักษะอัลกอริทึม "และ" สรุปการใช้งานทางคณิตศาสตร์ของ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน