Sticky Yapışkan Div

Web sayfanızda sayfayı aşağı yukarı kadırırken sabit bir menü yada banner olmasını isterseniz aşağıdaki koddan faydalanabilirsiniz, bu konu kullanarak bannerınızı yada menünüzü herzaman sabit üstte gösterebilirsiniz.

Demoyu görmek için buraya tıklayınız.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-9">
<SCRIPT>
function calculateBgX(oElement) {
 return document.body.scrollLeft - getOffsetLeft(oElement);
}
function calculateBgY(oElement) {
 return document.body.scrollTop - getOffsetTop(oElement);
}

function getOffsetTop(oElement) {
 var iResult= oElement.offsetTop;
 while (oElement.offsetParent) {
 oElement = oElement.offsetParent;
 iResult += oElement.offsetTop;
 }
 return iResult;
}
function getOffsetLeft(oElement) {
 var iResult= oElement.offsetLeft;
 while (oElement.offsetParent) {
 oElement = oElement.offsetParent;
 iResult += oElement.offsetLeft;
 }
 return iResult;
}
</SCRIPT>

<STYLE>
#fixed {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; POSITION: fixed; ; POSITION: expression("absolute"); TOP: 10px; ; TOP: expression(eval(document.body.scrollTop)+10); BACKGROUND-COLOR: lightblue
}

</STYLE>

</HEAD>
<BODY>
<DIV id=fixed>SABİT DİV SABİT DİV SABİT DİV </DIV>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

</BODY></HTML>

Sticky Yapışkan Div

Haber anlatımı

400 Kere okundu

Bu makaleyi beyendinizmi ?

Mehmet YILMAZ

Giriş Yap - Ücretsiz Üye Ol! Sitede ara Gelişmiş Arama seçenekleri »

Ana sayfa \| Ana sayfanız yapın \| Sık kullanılanlara ekle \| Rss/Rdf \| JavaScript