Overflow yazı kaydırma tekniğidir. En kısa haliyle böyle özetlenebilir. Hemen tekniklere geçelim isterseniz ?. O zaman daha iyi anlaşılacaktır.
auto tekniği;
Tekniğin amacı; Yazınıza belli bir yükseklik belirlersiniz, yazınız bu yüksekliği geçer ise kaydırma çubuğu çıkar. Ve o yükseklik doğrultusunda, kaydırma çubuğu vasıtası ile yazı kaydırılır. Örnek Kod budur ;
hidden tekniği;
Tekniğin amacı; Bir yükseklik belirlersiniz, belirlediğiniz yüksekliği geçen yazılar görünmez. Örnek Kod budur ;
scroll tekniği;
Tekniğin amacı; Belli bir yükseklik belirlersiniz. O yüksekliği geçen yazılar için hem dikey, hem de yatay kaydırma çubuğu çıkıyor. Overflow:autodan tek farkı; yatay çubuk çıkmasıdır. Örnek Kod budur ;
auto tekniği;
Kod:
[url=http://hizliresim.com/DJ1zNz][img]http://i.hizliresim.com/DJ1zNz.png[/img][/url]
Tekniğin amacı; Yazınıza belli bir yükseklik belirlersiniz, yazınız bu yüksekliği geçer ise kaydırma çubuğu çıkar. Ve o yükseklik doğrultusunda, kaydırma çubuğu vasıtası ile yazı kaydırılır. Örnek Kod budur ;
Kod:
div#ornek1 {
top: 5px;
height: 90px;
position: absolute;
width: 580px;
left: 5px;
overflow: auto;
background: #f5f5f5;
}
hidden tekniği;
Kod:
[url=http://hizliresim.com/0DXvOW][img]http://i.hizliresim.com/0DXvOW.png[/img][/url]
Tekniğin amacı; Bir yükseklik belirlersiniz, belirlediğiniz yüksekliği geçen yazılar görünmez. Örnek Kod budur ;
Kod:
div#ornek2 {
top: 5px;
height: 90px;
position: absolute;
width: 580px;
left: 5px;
overflow: hidden;
background: #f5f5f5;
}
scroll tekniği;
Kod:
[url=http://hizliresim.com/3o5ry4][img]http://i.hizliresim.com/3o5ry4.png[/img][/url]
Tekniğin amacı; Belli bir yükseklik belirlersiniz. O yüksekliği geçen yazılar için hem dikey, hem de yatay kaydırma çubuğu çıkıyor. Overflow:autodan tek farkı; yatay çubuk çıkmasıdır. Örnek Kod budur ;
Kod:
div#ornek3 {
top: 5px;
height: 90px;
position: absolute;
width: 580px;
left: 5px;
overflow: scroll;
background: #f5f5f5;
}