تصف هذه المقالة طريقة JS ببساطة تنفيذ الموضع الثابت لـ DIV بالنسبة للمتصفح. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html public "-// w3c // dtd html 4.0 transitional // en"> <html> <head> <title> خصائص مرساة </title> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8" name = "robots"> <script> وظيفة Totop () {window.scrollto (0،0) ؛} دالة القاع () {// scrollheight الخاصية هي الحصول على ارتفاع تمرير الكائن. window.scrollto (0 ، document.body.scrollheight) ؛} وظيفة اليسار () {//alert("left") ؛alert(document.body.scrollleft) var left = 0-document.body.scrollwidth ؛ // pixel الانتقال إلى النافذة اليسرى. //alert(document.body.scrollwidth) ؛ // عرض نافذة شريط التمرير بالكامل. 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 ؛ أعلى: 60 ؛ z-index: 2 ؛ خلفية: Green ؛ Width: quep: 120px"> onClick = "right ()"> تعيين يمين </a> <viv> width = "2000px" </div> <a style = "float: right" 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> <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> <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>لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.