Örnekteki uygulamayı nasıl yapabilirim ?

08.02.2013 15:35

cyys WM Aracı Kullanıcı

Üyelik 06.02.2012
Yaş/Cinsiyet 36 / E
Meslek Tekniker
Konum Bursa

Ad Soyad C** Y**
Mesajlar 158
Beğeniler 30 / 46
Ticaret 2, (%100)

Merhaba arkadaşlar;
Sitenin en üst kısmına, sayfa biraz aşşağı çekildiğinde oluşacak menu gibi alan oluşturmak istiyorum.
Resimde anlatmaya çalıştım. Bunu wordpress tabanlı bir sitede nasıl yapabilirim?
Yardımlarınızı bekliyorum.

Ek Olarak:

http://dtbaker.com.au/random-bits/stick-the-menu-to-the-top-of-the-page-on-scroll-down.html
Örnek buldum.
Bunu bir html dosyasına nasıl entegre edebilirim ?

Loading...

08.02.2013 21:54

#2

alabacaknet Developer Kullanıcı

Üyelik 14.09.2012
Yaş/Cinsiyet 39 / E
Meslek Yazılım geliştirme
Konum Ankara

Ad Soyad M** A**
Mesajlar 217
Beğeniler 55 / 48
Ticaret 0, (%0)

Verdiğiniz örnekte kodlar mevcut zaten

Murat Alabacak <http://muratalabacak.net>

08.02.2013 23:08

#3

Developers Laravel Artisan Kullanıcı

Üyelik 19.05.2012
Yaş/Cinsiyet 28 / E
Meslek Öğrenci
Konum Konya

Ad Soyad E** A**
Mesajlar 328
Beğeniler 113 / 63
Ticaret 1, (%100)

Öncelikle oluşacak olan alanı yapıyorsun. Detaylıca tasarımı yaptıktan sonra display:none; özelliği ile gizle. Ardından projene jQuery'i dahil et. Verdiğin sitedeki JS kodlarını kullan.(JS kodlarını jQuery'i dahil ettikten sonra yazmaya dikkat et)


<script>
var gizli = true;
function kaydir(){
    var kaydirmamiktari = $(window).scrollTop();
    if(kaydirmamiktari>80){
        if(gizli){
            $('#ornekalan').fadeIn();
            gizli = false;
        }
    }else{
        $('#ornekalan').fadeOut();
        gizli = true;
    }
}
window.kaydir;
$(function(){
    $('body').prepend('
');
});
</script>

Örnekteki uygulamayı nasıl yapabilirim ?

Üye Girişi Yap