2012-06-12 15 views
5

Daha önce kullandığım bir yöntem olarak jQuery uzman yardımını gerçekten takdir ediyorum, bu yeni uygulama için pek işe yaramıyor. BenDiv ekran konumuna geldiğinde Jquery düzeltme div pozisyonu, kaydırma konumu değil

ben sayfada aşağı olarak sadece görünür hale gelir sağ ve Web sitem sarmalayıcı sol tarafında, iki sekme mevcuttur ELDE çalıştığım şey

. Sekmeler ekranın ortasına geldikçe, daha sonra sabit pozisyona gelirler ve sonra pozisyonunu kilitlerler. ... aşağıdaki genel etkisi/fikir bakın

http://jsfiddle.net/motocomdigital/SGCHt/2/


SORUN

yukarıdaki keman zaten çalışıp çalışmadığını ben soru soruyorum neden Sizin muhtemelen merak.

Yukarıdaki keman, pencerenin üst kısmındaki konuma kaydırmak için çalıştığı için çalışır.

Ancak web sitemde, bu sekmeler yalnızca İçerik Alanı adresinde bulunur ve üstbilgi, afişler, slayt gösterileri alanlarına giremez.

Yukarıdaki jsFiddle örneğinde, başlık, afiş veya slayt gösterisi olmadığını fark edeceksiniz. Bu yüzden geçerli komut dosyam için bir sorun değil çünkü sekme kapsayıcı sütunları en üste doğru ilerliyor.

Lütfen farklı düzen kombinasyonlarına sahip alt kısımlara bakın ve sorunumu göreceksiniz.

Tasarım bakış açısını görebilmeniz için sekme konteyneri sütunlarındaki turuncu arka planı kaldırdığımı lütfen unutmayın.

  1. Başlık, Nav, Slayt, İlanı - http://jsfiddle.net/motocomdigital/SGCHt/3/
  2. Başlık, Nav, İlanı - http://jsfiddle.net/motocomdigital/SGCHt/4/
  3. Başlık, Nav - http://jsfiddle.net/motocomdigital/SGCHt/5/

Şimdi keman aşağıda sekmesinde turuncu arka sahiptir bkz Kapsayıcı sütunlar, böylece sekmelerin içerik alanı div'inin yanında nasıl görünebileceğinin yapısını görebilirsiniz.

ÇÖZÜM

bazı nasıl sekmelerin sabitlenmiş konumlandırma eklemek için gereken komut

http://jsfiddle.net/motocomdigital/SGCHt/6/

dokunun ekranın üst kısmından% 50 ulaştığında. Ancak, sekme kapsayıcıları pencerenin en üstüne kadar ilerlemediği için bunu nasıl hesaplayacağımı bilmiyorum. Bunu gerçekleştirmenin başka bir komut dosyası var mı?

Herhangi bir yardım çok takdir edilecektir. Teşekkür ederim!

+0

bir sabitlenmiş özelliği ile aa [** jQuery Paralaks eklentisi **] (http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm) kullanma bu söz konusu sekmeleri işlemek için tarayıcı dostudır. – arttronics

cevap

6

Ekran boyunun% 50'sine varan kaydırmaya bakmak yerine, içerik alanının konumunu üstten ekleyebiliriz.

http://jsfiddle.net/SGCHt/7/

+0

Teşekkürler! Çok basit. Kullanmadan önce. – Joshc