<div class="ozel-scrollbar">
  <div class="uzun-icerik">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu metus dignissim, suscipit velit et, viverra felis. Cras ullamcorper neque eget auctor mollis. Morbi in lobortis nisi. Suspendisse ullamcorper, neque sit amet elementum semper, enim sapien scelerisque massa, vitae condimentum arcu ipsum at sem. Aenean et tincidunt ligula. Vivamus tincidunt suscipit justo vitae ullamcorper. Proin eu fringilla purus. Phasellus et lacus massa. Donec pharetra molestie est a sodales. Proin ut ligula non lectus dapibus semper fermentum vitae urna. Sed faucibus lacus eget lacus pharetra accumsan. Aliquam mauris quam, gravida id justo non, aliquam rutrum nisi.</p>

  <p>Morbi purus magna, egestas at fringilla volutpat, pharetra a felis. In suscipit ornare eleifend. Nunc porttitor gravida leo a auctor. Sed luctus, libero quis tempus faucibus, velit eros dapibus lectus, eget congue mi urna egestas nunc. Nullam felis tellus, placerat id hendrerit non, condimentum non magna. Nulla ullamcorper imperdiet augue sagittis dictum. Fusce hendrerit libero porttitor massa auctor posuere. Donec justo ex, rhoncus nec vulputate quis, interdum sed nunc. Nunc ac nisi risus. Etiam eu porttitor risus.</p>

<p>Phasellus sit amet pretium mauris. Sed cursus eros eget orci commodo, at sollicitudin lacus dignissim. Curabitur vehicula posuere lorem, dignissim viverra ligula laoreet nec. Sed augue erat, tristique vel hendrerit vel, tristique et lectus. Suspendisse quis velit vulputate, lacinia ante ac, laoreet erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed porttitor accumsan ipsum, ac aliquet enim lobortis at. Aliquam lacus massa, malesuada vitae mollis a, placerat et nibh. Maecenas quis accumsan libero. Aliquam eu justo eget odio pulvinar suscipit quis ac nisl. Phasellus in nisl tincidunt, consectetur eros at, gravida libero. Vestibulum a turpis viverra mauris posuere mattis in eget eros. Sed et mauris sit amet turpis dignissim posuere. Donec ultricies massa sem, ac faucibus risus mollis nec. Vestibulum vel libero dolor.</p>

  </div>
</div>
.ozel-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #F5F5F5;
}

.ozel-scrollbar::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.ozel-scrollbar::-webkit-scrollbar-thumb {
	background-color: #fc6023;
}

.ozel-scrollbar {
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 300px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.uzun-icerik {
	min-height: 450px;
  padding: 5px 10px;
  line-height: 1.3em;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.