عند دراسة نظام البيان الصحفي لحوم البقر بريسكيت اليوم ، تحدث معلم لحم البقر بريسكيت عن بعض المعرفة حول قضبان التمرير. لم يذكر الكثير ، ولكن فقط شارك في جزء من المعرفة حول قضبان التمرير. إذا كنت ترغب في الدراسة بعمق ، فهذه ليست كافية. عليك أن تجمع بعض المعرفة ذات الصلة بنفسك.
قلت إن ظاهرة يجب أن تكون شائعة للجميع. عند حذف بعض الأشياء على صفحة الويب ، لا يزال شريط التمرير في كثير من الأحيان يحذف الموضع قبل الشيء ، بدلاً من الركض إلى أعلى الصفحة بطريقة غير إنسانية للغاية. فكيف يتم تنفيذ هذا؟ في الواقع ، الطريقة بسيطة للغاية. تحتاج فقط إلى إضافة kentainscrollpositiononpostback = صحيح إلى الجزء العلوي من الكود المصدري لـ .aspx. انظر الصورة أدناه:
تمت مواجهة الظاهرة أعلاه عند تعلم نظام البيان الصحفي لحوم البقر. اسمحوا لي أن أشارككم بعض النصائح الأخرى حول استخدام قضبان التمرير HTML.
(1) إخفاء شريط التمرير
<BodyStyle = Overflow-X: Hidden ؛ Overflow-y: Hidden>
(2) كيف تظهر في خلية أو طبقة
<DivStyle = العرض: 200 بكسل ؛ الارتفاع: 200 بكسل ؛ Overflow-X: Auto ؛ Overflow-y: Auto ؛> </viv>
(3) يغير JavaScript نمط شريط التمرير في الإطار ، مثل تغيير اللون ، وتغييره إلى تأثير ثابت ، إلخ.
<style>
body {scrollbar-face-color: #ffcc99 ؛
Scrollbar Highlight-Color: #FF0000 ؛
scrollbar-shadow-color: #ffffff ؛
Scrollbar-3Dlight-Color: #000000 ؛
scrollbar-arrow-color: #ff0000 ؛
scrollbar-track-color: #dee0ed ؛
scrollbar-darkshadow-color: #ffff00 ؛}
</style>
يوضح:Scrollbar-3Dlight-Color: Color ؛ قم بتعيين أو استرداد لون الحدود الحدودية اللامع.
Scrollbar Highlight-Color: Color ؛ قم بتعيين أو استرداد لون الحافة الساطعة لواجهة Scrollbar 3D ؛
Scrollbar-Face-Color: Color ؛ قم بتعيين أو استرداد لون سطح Scrollbar 3D ؛
Scrollbar-Arrow-Color: Color ؛ تعيين أو استرداد لون سهم اتجاه شريط التمرير ؛ هذه الخاصية غير صالحة عندما يظهر شريط التمرير ولكنه غير متوفر ؛
Scrollbar-Shadow-Color: Color ؛ قم بتعيين أو استرداد لون الحافة المظلمة لواجهة Scrollbar 3D ؛
scrollbar-darkshadow-color: color ؛ قم بتعيين أو استرداد لون الحدود المظلمة لطفر.
Scrollbar-Base-Color: Color ؛ قم بتعيين أو استرداد لون مرجع Scrollbar. سيتم ضبط ألوان الواجهة الأخرى تلقائيًا وفقًا لذلك.
scrollbar-track-color: color ؛ قم بتعيين أو استرداد لون منطقة السحب من شريط التمرير
ملاحظة:يمكن أن تكون رمز اللون الذي تريد تعيينه في سداسي عشري ، مثل #FF0000 ، والذي يمكن تمثيله في RGB ، مثل RGB (255،0،255) ؛ عند تعيين نمط شريط التمرير ، لا تحتاج إلى استخدام جميع السمات لتنفيذها.
(4) تحديد موقع عنصر الصفحة في جافا سكريبت
ClientX والعميل هما الموضع الحالي للماوس بالنسبة لصفحة الويب. عندما يكون الماوس في الزاوية اليسرى العليا من الصفحة ، clientx = 0 ، clienty = 0 ؛
OffsetX و Offsety هما الموضع الحالي للماوس بالنسبة إلى منطقة معينة في صفحة الويب. عندما يقع الماوس في الركن الأيسر العلوي من هذه المنطقة في الصفحة ، فإن الإحالة = 0 ، Offsety = 0 ؛
ScreenX و Screeny هي موضع الماوس بالنسبة لشاشة المستخدم بأكملها ؛
X و Y هما الموضع الحالي للفأر بالنسبة للمتصفح الحالي
Scrollleft: قم بتعيين أو احصل على المسافة بين الحدود اليسرى للكائن والنهاية اليسرى للمحتوى المرئي حاليًا في النافذة (نظرًا لوجود شريط تمرير ، فإن المحتوى المرئي الحالي على الصفحة غير مؤكد).
Scrolltop: يضبط أو يحصل على المسافة بين الجزء العلوي من الكائن وأعلى المحتوى المرئي في النافذة.
اليسار: إحداثيات X للكائن بالنسبة إلى الصفحة.
أعلى: إحداثي y للكائن بالنسبة إلى الصفحة
(5) اختيار الكتلة ، انقر بزر الماوس الأيمن ، إلخ.
<body onContextMenu = self.event.returnvalue = pockonselectStart = return false>
المثال الصغير التالي هو تعيين شريط التمرير تلقائيًا وفقًا لحجم النموذج
انسخ الرمز