2012-05-18 31 views
5

Sayfanın geri kalanında yüzen yapışkan bir başlık var. Sayfa çapalarına bağladığımda, elbette, ankraj sayfanın üst kısmında olacak şekilde kaydırılır. Ancak, bu olduğunda başlık, altındaki metni kapsar.Yapışkanlı Başlık Bağlantı Metni Kapakları

Bunu düzeltmek için bir yer var mı? Ankrajı aşağıya taşıyamam, çünkü sayfada birçok tane var ve bunların her biri farklı bir metin içeriyor. İlk olsa bile, bir şekilde çapanın üzerindeki bir yüksekliğe kaydırmaktı.

sayesinde David

+0

JavaScript olmadan, sanırım. –

+0

En iyi yaklaşım olmasa da, düzeniniz/tasarımınız buna izin veriyorsa, ankrajın başlığın yüksekliğine eşit bir dolgu malzemesi verebilirsiniz. – Steve

+0

tam olarak ne söylemek üzereydim, ama başlığınız ne kadar yüksek olursa olsun ... –

cevap

3

: Hedef sözde elemanı aradığınız şey olabilir. İle: hedef # işaretiyle gösterilen öğeyi adresleyebilirsiniz. o here Aynı sorunu koştum

+0

: Hedef seçici, istediğim gibi görünüyor. Ama sonra pencereyi sadece CSS ile nasıl aşağıya çekebilirim? Tabi ki javascript kullanabilirim ama yapmamayı tercih ederim. – hoytdj

+0

Sayfa daha önce olduğu gibi aşağı inecek, ancak şimdi: hedef seçiciyle, öğeyi aşağı itmek için biraz daha fazla dolgu ekleyeceksiniz. Böylece yapışkan başlık tarafından artık gizlenmez. – albin

0

, yapım sona erdi hakkında daha fazlasını okuyun böyle bir kural: O zaman ben kaydırmak için tarayıcıyı istediğiniz herhangi çapa etiketine "adlı" sınıfı uygulanan

A.named:target { 
    display: inline-block; 
    height: 120px; 
    margin-top: -120px; 
} 

için. Bu, tarayıcının üst kısmı ve bağlantıyı içeren elemanın alt kısmı - başlık için yaklaşık 80 piksel ve bağlantı için kullandığım H2 başlıklarının yüksekliğini telafi etmek için başka bir 40px arasında 120 piksel alan ekler ... Ve Olumsuz olanı iptal eden negatif marj, sayfamın görünümünü etkilemez.

Bu yardımcı olur umarız!

İlgili konular