كيفية إزالة التمرير الأفقي

جدول المحتويات:

كيفية إزالة التمرير الأفقي
كيفية إزالة التمرير الأفقي

فيديو: كيفية إزالة التمرير الأفقي

فيديو: كيفية إزالة التمرير الأفقي
فيديو: Remove the horizontal scroll bar on website-إزالة شريط التمرير الأفقي على الموقع 2024, شهر نوفمبر
Anonim

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

كيفية إزالة التمرير الأفقي
كيفية إزالة التمرير الأفقي

تعليمات

الخطوة 1

تصغير الصفحة - هذه هي أسهل طريقة لإزالة شريط التمرير الأفقي عند عرض الصفحة. في أي متصفح ، يمكن القيام بذلك عن طريق تحريك عجلة الماوس نحوك أثناء الضغط باستمرار على مفتاح ctrl. العديد من برامج تحرير النصوص (على سبيل المثال ، Microsoft Word) تدعم أيضًا التحكم في تكبير / تصغير الصفحة. في المتصفحات ، يمكنك أيضًا استخدام مفتاح الطرح بدلاً من الماوس. كل نقرة أو لفة على العجلة ستؤدي إلى تصغير بنسبة 10٪ حتى يصبح الحجم الأفقي كبيرًا بما يكفي لعرض الصفحة بدون شريط تمرير أفقي.

الخطوة 2

استخدم قدرة المتصفح على التلاعب بالشفرة المصدر لصفحة الويب وتغيير أنماط العرض المحددة فيها لتتناسب مع عرض النافذة - تحتوي بعض متصفحات الويب على هذا الخيار. على سبيل المثال ، في متصفح Opera ، ما عليك سوى النقر فوق رمز "Fit to Width" وسيختفي شريط التمرير الأفقي ، وستتغير أحجام أعمدة الصفحة المعروضة. إذا كان من الضروري العودة إلى تخطيط الصفحة المحدد بواسطة المنشئ ، فانقر فوق هذا الرمز مرة أخرى.

الخطوه 3

عند إنشاء صفحات ويب ، استخدم خاصية CSS overflow-x لتعطيل التمرير الأفقي للصفحة بأكملها أو عناصر الحظر الفردية الخاصة بها بالقوة. تم تقديم هذه الخاصية في CSS منذ الإصدار 3.0 وهي مدعومة من قبل جميع المتصفحات الحديثة. القيم التي يمكن تعيينها لها هي تلقائية ، مخفية ، تمرير ، مرئية. إذا لم يتم تحديد هذه الخاصية في أوصاف النمط ، فيُعتبر أنها تحتوي على القيمة auto ، أي أن التمرير الأفقي يجب أن يظهر عندما لا يتناسب المحتوى مع عرض العنصر. لتعطيل التمرير لجميع الحالات تمامًا ، استخدم القيمة المخفية. فمثلا:

الجسم {overflow-x: hidden؛}

موصى به: