ब्रेकपॉइंट के नीचे चिपचिपा नौसेना शीर्ष पर तय नहीं है - ज़र्ब-फाउंडेशन

मैं फाउंडेशन के लिए बिल्कुल नया हूं और मैंने हर जगह इस उत्तर की खोज की, लेकिन इसे नहीं मिला।

एक पृष्ठ बनाने की कोशिश कर रहा है जिसमें नेविगेशन है जो पृष्ठ के आधे रास्ते से शुरू होता है। नेविगेशन स्क्रॉल करते समय शीर्ष पर चिपके रहेंगे। यह आसान है और एक आकर्षण की तरह काम करता है ..

लेकिन जब आप एक छोटे से स्क्रीन आकार वाले पृष्ठ पर जाते हैं, तो मैं शीर्ष पर "मोबाइल" मेनू को शीर्ष पर तय करना चाहता हूं, न केवल पृष्ठ के चारों ओर तैरता हूं।

मेरे चारों ओर div है:

<div class="contain-to-grid sticky">

उम्मीद है कि कोई जानता है कि मैं यह काम कैसे कर सकता हूं।

उत्तर:

जवाब के लिए 0 № 1

विकल्पों के युगल, आप केवल छोटी स्क्रीन के लिए मीडिया क्वेरी का उपयोग कर सकते हैं, जैसे कुछ:

@media only screen and (max-width: 40em) {
.sticky {
position: fixed !important;
top: 0px !important;
}
}

या जब आप स्क्रीन आकार काफी बड़ा हो, तो आप सशर्त रूप से केवल मैगलन (या जो भी विधि आप उपयोग कर रहे हैं) लोड कर सकते हैं, उदा।

if($(window).width() > 670){
// init sticky nav stuff here
}

संबंधित सवाल
सबसे लोकप्रिय