نحوه نمایش Scroll در div توسط دستورات css

پاسخ هوش مصنوعی

برای نمایش Scroll در یک div زمانی که محتوای آن بیشتر از ارتفاع مشخص شده باشد، شما می توانید از ویژگی overflow در CSS استفاده کنید. در زیر یک مثال کامل نشان داده شده است:

div {
    height: 200px;
    overflow: auto; /* یا overflow-y: scroll; */
    border: 1px solid #000; /* برای مشاهده بهتر div */
}

سپس کد HTML شما به شکل زیر خواهد بود:

<div style='height:200px; overflow:auto; border: 1px solid #000;'>
   متن طولانی که باعث نمایش نوار اسکرول خواهد شد. متن بسیار طولانی که ادامه دارد و بیشتر از ارتفاع div خواهد شد...
</div>

شما میتونید از دستور overflow برای نمایش اسکرول استفاده کنید.

<div style="height:200px; overflow: auto;">
   متن
</div>

در حال حاضر اگر اندازه متن شما از 200 پیکسل بیشتر بشه نوار پیمایش در div ظاهر خواهد شد. 

برای اینکار می‌توانید از خاصیت `overflow` در CSS استفاده کنید. این خاصیت به شما این امکان رو میده که مشخص کنید چه اتفاقی برای محتوای داخلی یک المان اتفاق بیافتد اگر بیشتر از اندازه آن شود.

برای مثال، در اینجا می‌توانید از `overflow: auto` استفاده کنید تا هر زمان متن داخلی از حد ارتفاع div بیشتر شود، یک نوار اسکرول درون div نمایش داده شود.

<div style='height:200px; overflow: auto;'>
   متن
</div>