2015-08-09 11 views
8

मैं उम्र के लिए कोशिश कर रहा हूं कि मेरे शीर्ष मेनू पर बॉक्स छाया क्यों दिखाई दे रही है जब आप पहली बार प्रत्येक पृष्ठ पर नेविगेट करते हैं, लेकिन स्क्रॉलिंग शुरू करने के बाद दिखाई देता है।स्क्रॉलिंग के बाद बॉक्स छाया केवल दिखाई क्यों देती है?

इस साइट में है: http://gourmetsailing.co.nz/DRAFT/charters.html

छाया के साथ वर्ग है .navbar-आवरण

.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);} 

यह उल्लेख है कि मैं भी stickup उपयोग कर रहा हूँ मेनू पाने के लिए की चोटी पर रहना लायक है पृष्ठ: http://lirancohen.github.io/stickUp/

शायद उस स्क्रिप्ट के साथ किसी प्रकार का संघर्ष?

+0

क्या आप jquery साझा कर सकते हैं? –

उत्तर

9

position: relative को अपने navbar-wrapper कक्षा में जोड़ने का प्रयास करें।

यहाँ क्या हो रहा है है:

जब आप स्क्रॉल करने के लिए शुरू करते हैं, position: relative घोषणा गतिशील div को एक इनलाइन शैली के रूप में वर्ग navbar-wrapper साथ जोड़ा जाता है बॉक्स छाया फायरिंग।

यदि आप सीधे कक्षा में यह घोषणा जोड़ते हैं, तो बॉक्स छाया शुरुआत से ही होती है।

+2

मैंने अभी ब्राउज़र में इसका परीक्षण किया है, माइकल का समाधान समस्या को हल करने लगता है, हमें बताएं कि यह @Andrea काम करता है, यह एक दिलचस्प मुद्दा है। – gwar9

+2

हां इस समाधान ने पूरी तरह से धन्यवाद @Michael_B काम किया – Andrea

संबंधित मुद्दे