Sticky Yapışkan Div - Geniş Kapsamlı Doküman ve Makale Sitesi

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>BİLGİPORTAL SABİT DİV BİLGİPORTAL SABİT DİV FBİLGİPORTAL SABİT DİV </DIV>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

</BODY></HTML>

Bu makale hakkında ek bilgi eklemek için buraya tıklayınız

Yazar & Kaynak: -

Kullanıcı Yorumları