آموزش مخفی کردن اسکرول بار همراه با کد

در این مطلب از سايت ميرممد برای شما عزیزان آموزش مخفی کردن اسکرول بار همراه با کد را قرار دادم.

برای این کار کافیه از استایل زیر استفاده کنید :

.scroll-example {
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.scroll-example::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* Chrome/Safari/Webkit */
    }

برای مخفی کردن اسکرول از یک دایو خاص کلاس scroll-example رو به دایو مد نظر بدید:

<div class="scroll-example" >

.

</div>