2011-09-10 14 views
5

Ne olmasını istediğim hakkında daha fazla fikir vermek için temel bir jsFiddle kurdum. size olacak sayfasını kaydırma gibi nasıl değiştirdiğini baktığınız kişileri alfabenin hangi bölümünde açısından iPhone için iOS'ta iletişim sayfası düşünüyorum ve Umarım eğeriPhone'lar nasıl oluşturulur? Header kaydırma html için efekt?

http://jsfiddle.net/nicekiwi/p7NaQ/2/

Okuma, eğer okumadıysanız.

Temel olarak, tek bir sütun dikey kaydırma sayfasında içerik bölümleri var. İlk başlığın üst kısmı (jsFiddle'daki başlık 1) ekranın üst kısmına geldiğinde, sayfa aşağı ilerledikçe bir sonraki başlığa (başlık 2) gelene kadar üst üste yapışacaktır. 2 "siz kaydırırken konumunuzu korur ve" Başlık 1 "site dışına taşınır ve böylelikle başlıkların geri kalanı için devam eder.

Ve sayfayı yedeklerken geriye doğru olur, örn. "Başlık 4" yerinde kalır ve "başlık 3" içeriğinin altına ulaşıldığında "başlık 3", sorunsuz bir şekilde "başlık 4'ün üzerinde görünür" "ve ekranın en üstünde, kendi içeriğinin en üstüne ulaşıncaya kadar kalın.

Bunu, HTML/CSS'de Mootools 1.3 ile JavaScript Kitaplığı olarak oluşturmak istiyorum.

Bunu nasıl yapabileceğimiz hakkında bir fikriniz var mı? Şerefe. Birisi kopya olarak mayın işaret kadar

cevap

İlgili konular