نحوه اضافه کردن نوار پیمایشی

فهرست مطالب:

نحوه اضافه کردن نوار پیمایشی
نحوه اضافه کردن نوار پیمایشی

تصویری: نحوه اضافه کردن نوار پیمایشی

تصویری: نحوه اضافه کردن نوار پیمایشی
تصویری: آموزش ساخت تایم لاین برای کلیپ و ویدیو با استفاده از برنامه کاین مستر 2024, ممکن است
Anonim

میله های پیمایشی نوارهای عمودی و افقی در امتداد سمت راست (هنگام نوشتن از چپ به راست) و لبه های پایین پنجره یا یک منطقه جداگانه در داخل پنجره ، طراحی شده برای انتقال محتوا به صورت عمودی یا افقی است. صفحات وب از عناصر Cascading Style Sheets (CSS) تعبیه شده در HTML برای کنترل ظاهر و رفتار آنها استفاده می کنند.

نحوه افزودن نوار پیمایشی
نحوه افزودن نوار پیمایشی

دستورالعمل ها

مرحله 1

اگر می خواهید نوار پیمایش را نه برای کل صفحه ، بلکه فقط برای یک منطقه محدود از آن ایجاد کنید ، از برچسب div استفاده کنید. در HTML (HyperText Markup Language) ، "برچسب ها" برای نمایش یک عنصر صفحه خاص ، به دستورات جداگانه برای یک مرورگر اشاره دارد. در ساده ترین شکل ، یک برچسب div (که اغلب به آن "لایه" گفته می شود) به این صورت نوشته می شود:

این متن درون لایه است

در اینجا برچسب باز شده است و برچسب بسته شدن است. هر آنچه بین برچسب های باز و بسته قرار می گیرد همانند ظرف در لایه است و می توان ابعاد آن را اندازه گرفت - عرض و ارتفاع. این کار با استفاده از یک پارامتر اضافی ("ویژگی") انجام می شود ، که باید به برچسب باز اضافه شود:

این متن داخل لایه است

گام 2

در ویژگی style برچسب div و قوانین مربوط به نوارهای پیمایش لایه را نیز وارد کنید:

این متن درون لایه است

در اینجا سرریز: خودکار به این معنی است که نوارهای پیمایشی به طور خودکار ظاهر می شوند ، یعنی وقتی محتوای لایه در ابعاد مشخص شده قرار نمی گیرد. اگر خودکار با پیمایش جایگزین شود ، این نوارها بدون توجه به نیاز یا عدم نیاز ، همیشه وجود خواهند داشت. یک مقدار پنهان نتیجه عکس خواهد داشت - پیمایش هرگز ظاهر نخواهد شد ، حتی اگر محتوای این ظرف فراتر از لبه های آن قابل مشاهده نباشد.

مرحله 3

از روش مشابهی برای اضافه کردن نوارهای پیمایشی به صفحه به طور کلی استفاده کنید. به طور پیش فرض ، آنها در صورت لزوم ظاهر می شوند ، اما اگر به هر دلیلی نیاز به حضور مداوم آنها در صفحه وجود دارد ، پس قانون سبک مربوطه باید به کد html منبع اضافه شود. برچسب بسته شدن سر سند را در کد صفحه پیدا کنید و این دستورالعمل های سبک را در مقابل آن بنویسید:

body {سرریز: scroll؛}

توصیه شده: