حصلت على شيء اليوم. كانت الصفحة أفقية في الأصل ، لذلك كان هناك شريط تمرير أفقي في الأسفل ، ولم يكن هناك شريط التمرير رأسياً. الآن يجب أن يتم التمرير بكرة الماوس إلى اليسار واليمين ، الأمر الذي يتطلب كتابة رمز JS لتنفيذه. واجهت الكثير من المتاعب في كتابة هذه العملية.
الوظائف التي تدعمها المتصفحات الثلاثة لـ IE Firefox Chrome مختلفة تمامًا ، إنها مجنونة.
فيما يلي بعض نقاط المعرفة التي يجب شرحها
مراقبة أحداث بكرة
IE: onmousewheel
Firfox: Dommescroll
Chrome: Mousewheel
للأسف ، الكلام
تختلف قيمة إرجاع التمرير أيضًا
إرجاع Firfox +-3 بالتفاصيل
يستخدم آخرون Wheeldelta للعودة +-120
هناك قيمة إرجاع لتحديد اتجاه التمرير
بالإضافة إلى صفحة الحكم الكروم اليسرى ، يتم استخدام document.documentElement.Scrollleft للمتصفحات العامة.
ومع ذلك ، يحتاج متصفح Chrome إلى استخدام document.body.scrollleft
حسنًا ، تتم مشاركة الرمز على النحو التالي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> undled document </title> </head> var dbody = document.getElementById ('test') ؛ // ff استخدم objaddevent (وثيقة ، 'domsscroll' ، وظيفة (e) {return mouse_scroll (e) ؛}) objaddevent (dbody ، 'mousewheel' ، function (e) {return mouse_scroll (e) ؛}) وظيفة mouse_scroll (e) {e = e || window.event ؛ var deld = e.wheeldelta؟ // استخدم هذا لمتصفحات غير مسيوية // استخدم هذا لمتصفحات Chrome إذا (document.documentElement.scrollleft == 0) document.body.scrollleft+= move_s ؛ إرجاع خطأ ؛ </script> </body> </html>في الواقع ، هناك مشكلة في هذا الرمز. في متصفح Chrome ، يمكن للماوس فقط أن ينزلق في هذا اللون الرمادي. لم أحل هذه المشكلة. إذا كان هذا الخبير يحلها ، فيمكنك ترك رسالة لتخبرني ، شكرًا لك.