Scrollbars in iOS

Get the scrollbars back in iOS

by evild70

HTML

<div class="scrollbar scrollbarA">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>
	</div>

	<div class="scrollbar scrollbarB">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos perspiciatis, eligendi tempora quidem.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magnam impedit, harum dolorem adipisci, nihil cupiditate quos odio doloribus voluptas! Unde minima ullam quos iure dignissimos...

CSS

.scrollbar {
			clear: none;
			float: left;
			height: 400px;
			margin: 50px;
			overflow: auto;
			width: 200px;
		}

		.scrollbarB::-webkit-scrollbar {
    		width: 8px;
    	}

		.scrollbarB::-webkit-scrollbar-track {
		    background-color: rgba(57,57,57, .1);
		    border-radius: 8px;
		}

		.scrollbarB::-webkit-scrollbar-thumb {
		    border-radius: 8px;
		    background-color: rgba(156, 156, 156, 1);
		}