HradShrinker -Aşağıya indirince küçülen div

0
458
views

headshrinker

Bazı  sitelerde  mutlaka görmüşsünüzdür kaydırma  çubuğunu aşağı indirdiğinizde  üst menü de sayfa ekranına yapışmış gibi hiç hareket etmeden sabit bir şekilde  bir noktada  durur. Bunun farklı farklı örnekleri var tabi. Mesela  Facebook’ta birinin zaman tünelini  incelediğinizde sayfa aşağı indirdikçe yukarıda tarihlerin olduğu bir menü görürsünüz.

Chris Wharton tarafından geliştirilmiş   HeadShrinker de bu tarz  örnekleri hazırlayabilmeniz  için kolay bir yoldur. HeadShrinker  eklediğiniz üst menüleriniz kaydırma çubuğuna bağlı olarak hareket  eder. Sayfa  aşağı indiğindemenüyukarıda kaybolur normal olarak. HeadShrinker bu noktada devreye girer ve belirlemiş olduğunuz bir hedeften sonra üst kısımda görünüp sayfada sabit  bir şekilde  durur tabi biraz daha küçük olarak.

Ne zaman ve nerede üst menünün çıkacağını belirlemek size  kalmış bir seçenek. Ayrıca HeadShrinker  mobil tarayıcılar üzerinde de çalışabiliyor ve mobil cihazlar üzerinen nasıl göründüğünü merak ediyorsanız eğer tarayıcıyı küçültüp inceleyebilirsiniz. Bütün  linkleri küçük bir ikon şeklinde görünecektir.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js ve css dosya aresleri :

 

JavaScript :

 

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

 

1 oy (2 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikMantra
Sonraki İçerikMouse üzerine gelince büyüyen yuvarlak köşeli div
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here