شريط التمرير في المتصفح

Question

لدي موقع ويب متمركز بشكل مثالي.رمز CSS يعمل بشكل جيد.المشكلة لا تتعلق حقًا بـ CSS.لدي رؤوس لكل صفحة تتطابق تمامًا مع بعضها البعض.

ومع ذلك، عندما يصبح المحتوى أكبر، يعرض Opera وFireFox شريط تمرير على اليسار حتى تتمكن من التمرير إلى المحتوى غير الموجود على الشاشة.وهذا يجعل موقعي يقفز ببضعة بكسلات إلى اليسار.وبالتالي لم تعد الرؤوس متوافقة تمامًا بعد الآن.

يحتوي IE دائمًا على شريط تمرير، لذلك لا يتنقل الموقع أبدًا في IE.

هل يعرف أحد حل JavaScript/CSS/HTML لهذه المشكلة؟

Answer 1

أنا أستعمل

html { overflow-y: scroll; }

لتوحيد سلوك شريط التمرير في IE وFF

Answer 2

FWIW:أنا أستعمل

html { height: 101%; }

لإجبار أشرطة التمرير على الظهور دائمًا في Firefox.

Answer 3

هل تتم محاذاة مع نسبة العرض أو العرض الثابت؟أعتقد أيضًا أنك تقوم بتطبيق خلفية على الجسم - لقد واجهت هذه المشكلة بنفسي.

سيكون من الأسهل مساعدتك إذا قمت بتحميل الصفحة حتى نتمكن من رؤية كود المصدر.

Answer 4

   #middle 
   {        
position: relative;
margin: 0px auto 0px auto;      
width: 1000px;  
max-width: 1000px;
}

هو DIV الخاص بي

Answer 5

حسنا، أنت لا تحتاج إلى position: relative; - يجب أن تعمل بشكل جيد بدونها.

أنا أعتبر ذلك div لديه يكون 1000px واسع؟سيكون من الأسهل كثيرًا الإجابة على هذا السؤال من خلال الموقع الفعلي.