SORU
8 Mayıs 2013, ÇARŞAMBA


jQuery - aşağı kaydırma zaman küçülür Yapışkan başlık

Yapışkan bir başlık sayfayı aşağı doğru kaydırın ve sayfanın en üstüne kaydırılan zaman normal durumuna geri giderken(animasyon) çekmek için nasıl merak ediyorum. Burada clearify için iki örnek:

http://themenectar.com/demo/salient/

http://www.kriesi.at/themes/enfold/

Kısmını sabit yapmak istiyorum, ama nasıl kullanıcı aşağı kaydırır zaman benim başlık küçültmek için ne yapmalıyım?

Bir ton teşekkürler

CEVAP
3 EYLÜL 2013, Salı


Burada CSS animasyon jezzipin Çözeltisi çatal

JS:

$(window).on("scroll touchmove", function () {
  $('#header_nav').toggleClass('tiny', $(document).scrollTop() > 0);
});

CSS:

.header {
  width:100%;
  height:100px;
  background: #26b;
  color: #fff;
  position:fixed;
  top:0;
  left:0;
  transition: height 500ms, background 500ms;
}
.header.tiny {
  height:40px;
  background: #aaa;
}

http://jsfiddle.net/sinky/S8Fnq/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jonathan D.

    Jonathan D.

    3 Kasım 2006
  • Living Waters

    Living Water

    9 AĞUSTOS 2006
  • vgeller1

    vgeller1

    22 Kasım 2009