Good day everyone! I generally have a little problem, I made a table with a price in an adaptive form. When I reduce the browser to 320px , the horizontal scroll is visible, and when I go in from the phone (iPhone5), the slider is not visible, but the scrolling sensor works. I would like to ensure that the slider is still visible on the phone, otherwise the visitor will not know what to scroll to in the table, you need to scroll left.

    1 answer 1

    Working code for webkit browsers:

    html, body, div { height:100%; width:100%; margin:0; padding:0; } div { height:200%; } ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } 
     <div></div>

    Source: Make scrollbar visible in mobile browsers