Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Sağda/Solda sabit bir menü

Merhaba Arkadaşlar,

Sağda ya da solda sabit bir menü olsun istiyorum. Ancak, sol kısımda sabitlenmesini istediğim menünün üzerinde logo ve başka kısımlar olduğundan dolayı sayfa aşağıya indiği sürece, menünün üzerinde de bir boşluk oluyor eğer position:fixed yaparsam.

http://nosql.mypopescu.com/ adlı sitedeki gibi bunu sayfa aşağıya indikçe belli bir zamandan sonra nasıl hareketlendirerek en üst kısma yapıştırabiliriz?

Şimdiden teşekkürler.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • sevketbulamaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    56 cevap - 0 soru
    http://designwoop.com/2011/01/how-to-create-a-jquery-sticky-sidebar/
    • Cagri adlı üyenin fotoğrafı Cagri
      Bilgilendirmeniz için teşekkür ederim ancak bir sorum daha olacak.

      Şimdi Üst kısımda bir headerım var oraya sabitlenmiş olan (position: fixed;) ve yaklaşık yüksekliği de 50px.

      Bu yapışkan menü her zaman en üste çıktığı için header ile çakışma yaşıyorum.


      Ayrıca sol kısımda bu menünün üzerinde logo da bulunmakta. Logo ise sabit değil.

      Yani menümüz yaklaşık olarak 300. pikselden başlıyor bunu nasıl göz önünde bulundurarak üzerinde çalışabiliriz?

      İyi çalışmalar.
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      Yani şu anda tek sorunum, kaydığın en üste gitmesi yerine; en üstün 50 px altına gitmesini istemekteyim.
      10 yıl önce yazılmış
    • sevketbulamaz adlı üyenin fotoğrafı sevketbulamaz
      $('#menu').stickyfloat({ duration: 400, offsetY: 50 });

      de offsetY değerini arttırarak istediğin değere ulaşabilirsin ancak yinede kayma anında üstüne çıkma gibi eğilimler gösterebilir. bunu önlemek için menünün z-index ini header ve logo dan düşük tut. daha iyi bir görünüm sergilersin.
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      Teşekkürler.
      10 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.