1.8/5 Görüntülenme: 17287

Css Scrollbar Ekleme

Css Scrollbar Eklemek için kullandığımız Css overflow kodunun kullanılmasından bahsedelim.

Tarayıcımızın Session ve Google içerik görüntüsü bakımından iframe kullanmak oldukça sıkıntılı olduğu için gerekli bölümlerde istenilen tagımıza style="overflow:auto;" ekleyerek scrollbar çıkmasını sağlarız.

Daha gelişmiş Css Jquery Javascript dilinde hazırlanmış Scrollbar için Link:
http://www.limitsizbilgi.com/iframe-olmadan-scroll-yapimi-div.html

 

Css ile Scrollbar yapımında basit olarak bu şekilde. Sayfayı aşağı kaydırabilirsiniz.
  • overflow:auto; ile scrollar otomatik gelir veya gider.
  • overflow:scroll; şeklinde yaparsak sağa sola kaydırma çubukarı içerik az olsada gelir.
  • www.limitsizbilgi.com

<style>
.cssiframe {
 border:solid 1px #09F;
 width:400px;
 height:100px;
 overflow:auto;
}
</style>
<div class="cssiframe">
Css ile Scrollbar yapımında basit olarak bu şekilde. Sayfayı aşağı kaydırabilirsiniz.
<ul>
<li>overflow:auto; ile scrollar otomatik gelir veya gider.</li>
<li>overflow:scroll; şeklinde yaparsak  sağa sola kaydırma çubukarı içerik az olsada gelir.</li>
<li> <a href="http://www.limitsizbilgi.com">Web Developer</a></li>
</ul>
</div>

Konu (103) ile ilgili admin @ limitsizbilgi.com adresine E-mail gönderebilirsiniz. İsa Şahintürk