จุดความรู้เล็ก ๆ ไม่ไร้สาระเพียงแค่ใช้รหัสโดยตรง
CSS:
คัดลอกรหัสรหัสดังนี้:
<pr name = "code"> <style>
#anchor: {{
ตำแหน่ง: absule;
ด้านบน: 40%;
ซ้าย: 40%;
width:100px;
height:100px;
background-color:red;
-
</style> </pre> <br>
JS:
คัดลอกรหัสรหัสดังนี้:
<pre name="code">var auchorTop = $("#anchor").css("top");
auchorTop = Number(auchorTop.substring(0, anchorTop.indexOf("p"))); //首先在监听器外部记录某id=anchor的标签的初始位置
window.onscroll = function () {
var top = document.documentelement.scroltop ||
$ ("#Anchor")
};
html:
คัดลอกรหัสรหัสดังนี้:
<div id = "Anchor"> </div>
คุณสามารถเพิ่มแถบกลิ้งไปที่ Window.onscroll . ดังนั้นคุณสามารถใช้สัญลักษณ์ "|| 'เพื่อรวมคุณลักษณะทั้งสองนี้ซึ่งเข้ากันได้กับเบราว์เซอร์ที่แตกต่างกัน Anchortop เป็นระยะห่างระหว่างจุดเริ่มต้นของเป้าหมายและด้านบนของเบราว์เซอร์
เมื่อแถบกลิ้งหมุนค่าสูงสุดจะเปลี่ยนไปจากนั้นค่าสูงสุดเริ่มต้นของ '#Anchor' บวกกับค่าสูงสุดของแถบเลื่อนสามารถทำให้เนื้อหาอยู่ในตำแหน่งเดียวกันเสมอ