Slidedown () يجعل كل شيء في تحول الغلاف

Question

أقوم حاليًا بإنشاء قائمة بسيطة حيث توجد عدة أسماء للخدمات ويمكن للمستخدم النقر على واحدة وسيظهر jQuery أنها فقرة مقابلة تصفها أدناه. رمز jQuery الخاص بي على ما يرام ويفعل بالضبط ما أريده ، ومع ذلك ، لدي خطأ واحد لم أقم به بعد.

عندما أنقر على إحدى هذه العناوين ويعرض الوصف ، فإن كل شيء في الغلاف للصفحة ينتقل إلى اليسار حوالي 7 بكسل في Firefox ، فإنه يفعل الشيء نفسه هو Google Chrom عَرَضِيّ.

على أي حال ، أنا أستخدم الأمر slidetoggle () لإظهار parragraph المخفي. أفترض أن هذا يحدث لأنه عندما يحدث النزلان ، فإنه يغير بطريقة ما عرض كل شيء و "الهامش: 0 Auto ؛" يعد الإعداد لقاعدة Wrapper في CSS الخاص بي تعويضًا عن هذا التغيير. هل لدى أي شخص أي طريقة يمكنني من خلالها علاج هذه المشكلة؟ لقد جربت العديد من الإصلاحات الأخرى التي وجدتها حول الإنترنت ولكن دون جدوى.

إليكم ما يبدو عليه الكود الخاص بي ، أضعه على JSFiddle لتسهيل عرضه: http://jsfiddle.net/vch7m/ لا تتردد في تعديلها هناك إذا أردت ، أو تنشر ما يجب إصلاحه هنا. كل ما هو أكثر ملاءمة. شكرا جزيلا لمساعدتك!

Answer 1

من المحتمل أن يكون هذا التحول ناتجًا عن شريط التمرير العمودي. إذا أصبحت الصفحة كبيرة جدًا ، فسيظهر شريط التمرير العمودي ويدفع عرض الفقرة إلى اليسار أكثر قليلاً. يمكنك رؤية هذا جيدًا في الفقرة الأولى من صفحة JSFIDDLE المعطاة عند تقليص منفذ عرض المتصفح إلى حوالي 1000x600.

لإصلاح هذا ، قد تفكر في وضع شريط تمرير رأسي ثابت.

html {
    overflow-y: scroll;
}