Anasayfa > Programlama > Javascript / DHTML / Ajax > Sticky Yapışkan Div
Hazırlanıyor..

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">
<!-- saved from url=(0041)http://dev.jdenny.co.uk/css/ie_fixed.html -->
<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<BR>BİLGİPORTAL SABİT DİV<BR>FBİLGİPORTAL SABİT DİV<BR></DIV>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</BODY></HTML>



Yazar & Kaynak: -

Digg this Post! Add Post to del.icio.us Bookmark Post in Technorati Furl this Post!
Eklenme tarihi: 22-5-2007

Ekleyen:  DejaVu

Bu Makaleye Verilen Puan:    Bu makaleye puan verilmemiş.
Bu Makaleye Puan Ver  

Bölüm Başlık Kullanıcı Yorumları


Bu makaleye yorum gönderilmemiş, ilk yorumu sen gönder !

Yorum Ekle  

Bölüm Başlık İlgili Dökümanlar

Reklam Netinternet
Gizlilik | Copyright © 2006-2009 ™ Tüm hakları saklıdır.
Powered by BilgiPortal v2.2
Frasb Etiler WebTasarım Web Tasarım