Yani şu anda var:

#div
{
position: relative;
height: 510px;
overflow-y: scroll;
}

Ancak daha fazla içerik var, bu bazı kullanıcılar için açık olacak inanmıyorum. Benim div aslında çok daha fazla içerik içeren bilmeden sayfayı aşağı kaydırın. Off bazı sayfalarda daha fazla içerik var gibi görünüyor bu yüzden bazı metin keser, böylece yükseklik 510px kullanıyorum, ama bu hepsi için işe yaramıyor.

Mac kullanıyorum, Chrome ve Safari dikey kaydırma çubuğunu yalnızca fare Div bittiğinde gösterecek ve aktif olarak ilerleyin. Bir şekilde hep görüntüleniyor.

Sadece bu sorunu kendim karşılaştım. OS X Lion gizler kaydırma çubukları olmasa da kullanmak için yapmak gibi daha "kaygan", ama aynı zamanda sorunu ele gelir: insanlar bazen göremez olsun bir div var scroll özelliği ya da değil.

Css vardır . düzeltme:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

görünüm gerektiği gibi özelleştirin. Source