Offcanvas के साथ सुलभ स्लाइडिंग हैमबर्गर मेनू का निर्माण करें

स्वतंत्र Offcanvas प्लगइन स्लाइडिंग नौवहन के लिए कई संसाधनों में से एक है। आप ऑनलाइन समान प्लगइन्स का एक गुच्छा पा सकते हैं, लेकिन कुछ कारणों से ऑफकेनवासा बाहर खड़ा है.

यह है काफी हल्के पुस्तकालय और जब यह jQuery पर चलता है तो यह भी है स्थापित करने के लिए बहुत मुश्किल नहीं है. यह JavaScripts कोड और HTML कोड दोनों के लिए सही है, इसलिए आपको अपने डिफ़ॉल्ट नेविगेशन को बिल्कुल बदलने की आवश्यकता नहीं होगी.

Offcanvas प्लगइन आपको देता है कुछ ऐसे क्षेत्रों को नामित करें जहां मेनू दिखाई दे. डिफ़ॉल्ट रूप से, यह आमतौर पर स्क्रीन के बाईं या दाईं ओर होता है, लेकिन आप स्क्रीन के ऊपर या नीचे भी चुन सकते हैं.

यह ऑफकेनवास को महान बनाता है अधिक बस हैमबर्गर मेनू फिसलने से। इसके लिए इस्तेमाल किया जा सकता है स्लाइडिंग अधिसूचना बार या और भी ईमेल को पकड़ने के लिए ऑप्ट-इन फ़ील्ड.

प्रत्येक पैनल उसी तरह से काम करता है जहां उपयोगकर्ता कर सकता है स्लाइडिंग मेनू को छिपाने के लिए पृष्ठ पर कहीं भी क्लिक करें. और आप कर सकते है कीबोर्ड कमांड सेट करें उचित वेब पहुँच के लिए ARIA दिशानिर्देशों का अनुपालन करते हैं.

Offcanvas को स्थापित करने के लिए, आपको बस जरूरत है jQuery की एक प्रति इसके साथ Offcanvas CSS / JS फाइलें. आप इन्हें npm, bower या सीधे GitHub से खींच सकते हैं.

GitHub पेज पर भी, आप थोड़ा सा नमूना कोड देखें आप अपनी वेबसाइट के अनुरूप कार्य कर सकते हैं। स्लाइडिंग नेवी के लिए आपको बस इतना ही चाहिए