lostyazilim
tr.link

Top header sticky olmasın istiyorum, nasıl yaparım?

7 Mesajlar 645 Okunma
lstbozum
tr.link

mrtrclb mrtrclb WM Aracı Kullanıcı
  • Üyelik 14.06.2017
  • Yaş/Cinsiyet 34 / E
  • Meslek Blogger
  • Konum İstanbul Avrupa
  • Ad Soyad M** E**
  • Mesajlar 1379
  • Beğeniler 538 / 538
  • Ticaret 7, (%100)
Merhaba bu site için top header (hakkımda vs. olan siyah bölüm) sticky olmasın yani altındaki menü kayarken o kalsın istiyorum. Nasıl yapılır? Kolay bir yolu var mı?

Şimdiden teşekkür ederim..
 

 

wmaraci
reklam

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
Hocam şu kaynağa bir bakın yapabilirsiniz çok basit :)


https://www.w3schools.com/howto/howto_js_sticky_header.asp
mrtrclb

kişi bu mesajı beğendi.

Herkez hata yapabilir, pardon herkes. | ibocum.com

mrtrclb mrtrclb WM Aracı Kullanıcı
  • Üyelik 14.06.2017
  • Yaş/Cinsiyet 34 / E
  • Meslek Blogger
  • Konum İstanbul Avrupa
  • Ad Soyad M** E**
  • Mesajlar 1379
  • Beğeniler 538 / 538
  • Ticaret 7, (%100)
Kod bilgim sadece şu kodu al şuraya yapıştır denildiğinde bunu yapacak kadar var.. bi saat okusam bşey anlamam :( İbrahimŞEN
 

 

asonons asonons WM Aracı Kullanıcı
  • Üyelik 27.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Wordpress
  • Konum Balıkesir
  • Ad Soyad Ç** U**
  • Mesajlar 500
  • Beğeniler 211 / 210
  • Ticaret 11, (%100)
Kolay bir yolu var ancak kullandığınız headerın mevcut yapısına buna izin vermez.
mrtrclb

kişi bu mesajı beğendi.

wmaraci
wmaraci

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
https://jsfiddle.net/tehet/r1sq6mLj/5/

$(document).ready(function(){
$(window).scroll(function() {
if($(window).scrollTop()>40){
$(".tt-header-wrapper").css("padding-top", 0);
$(".top-line").hide();
} else {
$(".tt-header-wrapper").css("padding-top", 40);
$(".top-line").show();

}
});
});
mrtrclb SENibrahim

kişi bu mesajı beğendi.

mrtrclb mrtrclb WM Aracı Kullanıcı
  • Üyelik 14.06.2017
  • Yaş/Cinsiyet 34 / E
  • Meslek Blogger
  • Konum İstanbul Avrupa
  • Ad Soyad M** E**
  • Mesajlar 1379
  • Beğeniler 538 / 538
  • Ticaret 7, (%100)
TEHET BU KODU NEREYE EKLEYECEĞİM HOCAM? (Bu arada emeğiniz için çok teşekkür ederim, zaman ayırıp iki satır bişey yazdığınız için de ayrıca teşekkürler..)
 

 

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
mrtrclb

jQuery kütüphanesinin hemen altına ekleyebilirsiniz. Footer olabilir.
mrtrclb

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al