2015-08-09 24 views
8

Her sayfada ilk kez gezinirken, üst menünüzdeki kutu gölgesinin neden görünmediğini ancak kaydırma işlemine başladığınızda beliren yaşları anlamaya çalışıyorum. Kutu gölgesi neden kaydırma yaptıktan sonra görünür?

Bu

sitesidir: http://gourmetsailing.co.nz/DRAFT/charters.html

gölge sınıftır .navbar-sarıcı

.navbar-wrapper { 
background-color: #FFFFFF; 
width: 100%; 
margin: auto; 
-webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.5); /* [h-offset] [v-offset] [blur radius] [color: red, green, blue, opacity]; */ 
-moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.5); 
box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.5);} 

Ben de üstüne sopa menüyü almak için soygun kullanıyorum belirtmekte yarar var sayfa: http://lirancohen.github.io/stickUp/

Belki de bu komut dosyasıyla bir tür çakışma olabilir mi?

+0

jquery'yi paylaşamaz mı? –

cevap

9

navbar-wrapper sınıfına position: relative eklemeye çalışın.

İşte bitenler:

kaydırma başlar, position: relative beyan dinamik kutu gölge ateş, bir satır içi stili olarak sınıfın navbar-wrapper ile div eklenir.

Bu bildirimi doğrudan sınıfa eklerseniz, kutu gölgesi baştan başlar.

+2

Sadece bunu tarayıcıda test ettim, Michael'ın çözümü sorunu çözüyor gibi görünüyorsa, çalışıp çalışmadığını bize bildirin. Ayrıca ilginç bir konu. – gwar9

+2

Evet, bu çözüm mükemmel bir şekilde çalıştı: @Michael_B – Andrea

İlgili konular