TurkProgrammers.NeT
Ana sayfa Ana Sayfa | Ana sayfanız yapın | Sık kullanılanlara ekle | Rss/Rdf Besleme| JavaScript
Bölümler
Arşiv
paz sa ça cu cum pa
1234
567891011
12131415161718
19202122232425
262728293031

Mailinizi ekleyin
Haberlere abone olun:

anket: Web Programcılığının Geleceğini nasıl görüyorsunuz
Web Programcılığının Geleceğini nasıl görüyorsunuz?
Önü Fazlası ile açık
ilerde yapacak web sitesi kalmayacak
Hazır sistemler işleri iyice bitirecek
Bugünden daha kötü olamaz
Anket sonuçları | Eski Anketler


email Arkadaşınızın maili | print Yazıcı versionu | comment Yanıtlar (0 Gönder)

Sticky Yapışkan Div

by Mr. CanaWar on Temmuz 23,2007

image

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>SABİT DİV<BR>SABİT DİV<BR>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>


250 Kere okundu

Bu makaleyi beyendinizmi ?

1 2 3 4 5 Rating: 5.00Rating: 5.00Rating: 5.00Rating: 5.00Rating: 5.00 (Toplam 1 Oylar)
comment Yanıtlar (0 Gönder)
Çok okunanlar
En Çok Yorumlananlar
Yazarlar