Menyembunyikan Scroll Kafetaria Dengan Css, Namun Tetap Menjaga Fungsi Scroll

namun Tetap Mempertahankan Fungsi Scroll Menyembunyikan Scroll Kafe Dengan Css, Namun Tetap Mempertahankan Fungsi Scroll

Ini yaitu teknik sederhana untuk menyembunyikan scrollbar tanpa menciptakan area menjadi tidak mampu digulung. Dengan mendeklarasikan margin negatif pada segi kanan area, maka scrollbar secara otomatis akan tersembunyi jauh di sebelah kanan sana. Dan kita masih dapat menggulung area dengan mouse wheel atau... layar sentuh mungkin?

HTML

            Teks atau sesuatu yang panjang di sini...

CSS

.hidden-scrollbar    background-color:black;   border:2px solid #666;   color:white;     overflow:hidden;   text-align:justify;       .hidden-scrollbar .inner    height:200px;   overflow:auto;   margin:15px -300px 15px 15px;   padding-right:300px; /* Samakan dengan besar margin negatif */

Lihat Demo

Sumber https://www.dte.web.id/

Posted by : Admin