jquery - बॉक्स शेड स्क्रॉलिंग के बाद ही दिखाई क्यों दे रहा है?



html css (1)

position: relative जोड़ने की कोशिश करें position: relative आपके navbar-wrapper वर्ग के position: relative

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

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

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

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

यह साइट है: 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);}

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

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





box-shadow