2009-03-30 22 views
17

Örneğin, sabit konumlandırmayı kullanan bir menü var, ancak geçerli pencerenin yüksekliğinden daha büyükse, bunun kaydırılmasına izin vermenin bir yolu var mı? Tarayıcının varsayılan davranışı sadece gizlemek ve ona erişmenize izin vermemek.Kaydırma ile Sabit Konumlandırma

div#sidebar { 
    position:fixed; 
    top:30px; 
    left:0; 
    bottom:4px; 
    width:148px; 
    background-color:#d7d7d7; 
} 

Şu anda sahip olduğum şeyin bir pasajı. Bu satırlarda bazı JavaScript veya bir şey ister misiniz?

DÜZENLEME: Bunun gerçekten doğru olup olmadığından emin değilim. Belgenin en üstünde 30 piksel olan bir eleman istiyorum. Bunun taşma kullanılarak kaydırılmasına izin vermek istiyorum: otomatik ve yükseklik:% 100. Her iki durumda da öyle görünüyor ki, kaydırma çubuğu gizlenecek ya da divun bir kısmı gizlenecek.

+0

Bir yanıtı kabul ettiniz, bu nedenle insanlar çalışacağını kabul edecekler. – cjk

+0

Soruyla ilgili olarak, cevap doğrudur, ancak bağlam ile ilgili olarak, mükemmel değildir. Bunun tam olarak farkındayım, ama bir soru cevaplandığı gibi işaretlendiğinden, tartışmanın bittiğini göstermez, aksi halde bir kez cevaplandığında bir soru kapanır. – Kezzer

cevap

24

Bu divana overflow:scroll (veya overflow:auto) ayarlamanız ve yüksekliği% 100 olarak ayarlamanız gerekir.

+0

Bu iyi çalışıyor, ancak üstte: 30px ayarla kaydırma çubukları düzgün görüntülenmeyecek. Bu divayı başka bir div içinde içermek zorunda mıyım? Dış div ve iç div üzerinde başka bir şey var mı? – Kezzer

+0

Evet, işe yaramalı. İçeriğinizle bir iç div yerleştirin, padding-top ile dış divı ayarlayın: 30px ve üstünden kurtulun: 30px :) – Seb

+0

'height: 100%' ayarlayamadığınız durumlarda (örneğin mobilde gezinme çubuklarını genişletme)), 'max-height: 100%' kullanabilirsiniz. – JanBrinker

İlgili konular