दिलचस्प पोस्ट
Ints के लिए अधिकतम और न्यूनतम मान सी ++ स्ट्रक्चर्स के भीतर एआरएम्स के सदस्यत्व का काम क्यों करता है, लेकिन आम तौर पर नहीं? आप फ्लोटिंग प्वाइंट नंबर के EXACT मान को कैसे प्रिंट करते हैं? UIAlertController की पृष्ठभूमि का रंग कैसे बदल सकता है? Async बनाम "पुराना async प्रतिनिधि" के साथ आग-और भूल जाओ आप HQL में विशिष्ट क्वेरी कैसे बना सकते हैं गुण कहाँ हैं। सेटिंग। डिफॉल्ट संग्रहीत? डेल्फी में एक्सेस करने योग्य यूआई घटकों का निर्माण करना विशेष अक्षर जैसे & और <JSF घटकों के मान विशेषता में कैसे सम्मिलित करें? कोणीय 2 – रूट स्कोप के बराबर क्या है? कई तर्कों के लिए सीएमडी.एक्सए के लिए सही उद्धरण पायथन के लिए Exif हेरफेर लाइब्रेरी मैं पंडों में संख्यात्मक स्तंभ कैसे प्राप्त करूं? एक asp.net वेब सेवा को कॉल करने के लिए jQuery का उपयोग कैसे करें? एंड्रॉइड अलर्ट डायलॉग में मैं सूची दृश्य कैसे दिखा सकता हूं?

(शून्य) स्क्रॉलबार के बिना स्क्रीन की चौड़ाई कैसे प्राप्त करें?

मेरे पास एक तत्व है और इसके बिना चौड़ाई (!) ऊर्ध्वाधर स्क्रॉलबार की आवश्यकता है

फायरबग बताता है कि शरीर की चौड़ाई 1280 पिक्स है

फ़ायरफ़ॉक्स में इनमें से कोई भी कार्य ठीक है:

console.log($('.element').outerWidth() ); console.log($('.element').outerWidth(true) ); $detour = $('.child-of-element').offsetParent(); console.log( $detour.innerWidth() ); 

वे सभी 1263 पीएक्स की वापसी करते हैं , जो वही मूल्य है जो मैं देख रहा हूं।

हालांकि अन्य सभी ब्राउज़र मुझे 1280px दे।

(!) ऊर्ध्वाधर स्क्रॉलबार के बिना एक पूर्णस्क्रीन चौड़ाई पाने का एक क्रॉस ब्राउज़र तरीका है?

Solutions Collecting From Web of "(शून्य) स्क्रॉलबार के बिना स्क्रीन की चौड़ाई कैसे प्राप्त करें?"

.prop("clientWidth") और .prop("scrollWidth")

 var actualInnerWidth = $("body").prop("clientWidth"); // El. width minus scrollbar width var actualInnerWidth = $("body").prop("scrollWidth"); // El. width minus scrollbar width 

जावास्क्रिप्ट में :

 var actualInnerWidth = document.body.clientWidth; // El. width minus scrollbar width var actualInnerWidth = document.body.scrollWidth; // El. width minus scrollbar width 

पुनश्च: नोट करें कि scrollWidth का उपयोग करने के लिए scrollWidth रूप से आपका तत्व क्षैतिज रूप से अतिप्रवाह नहीं होना चाहिए

jsBin डेमो


आप .innerWidth() उपयोग भी कर सकते हैं लेकिन यह केवल body तत्व पर काम करेगा

 var innerWidth = $('body').innerWidth(); // Width PX minus scrollbar 

आप लिखित रूप से वेनिला जावास्क्रिप्ट का उपयोग कर सकते हैं:

 var width = el.clientWidth; 

आप इसका उपयोग दस्तावेज़ की चौड़ाई को निम्नानुसार प्राप्त करने के लिए भी कर सकते हैं:

 var docWidth = document.documentElement.clientWidth || document.body.clientWidth; 

स्रोत: एमडीएन

आप स्क्रॉलबार सहित पूर्ण विंडो की चौड़ाई भी प्राप्त कर सकते हैं, निम्नानुसार:

 var fullWidth = window.innerWidth; 

हालांकि यह सभी ब्राउज़रों द्वारा समर्थित नहीं है, इसलिए फ़ॉलबैक के रूप में, आप ऊपर के रूप में docWidth का उपयोग करना चाहते हैं, और स्क्रॉलबार चौड़ाई पर जोड़ सकते हैं।

स्रोत: एमडीएन

यहां कुछ उदाहरण दिए गए हैं जो $element मानते हैं कि एक jQuery तत्व है:

 // Element width including overflow (scrollbar) $element[0].offsetWidth; // 1280 in your case // Element width excluding overflow (scrollbar) $element[0].clientWidth; // 1280 - scrollbarWidth // Scrollbar width $element[0].offsetWidth - $element[0].clientWidth; // 0 if no scrollbar 

इसे इस्तेमाल करे :

 $('body, html').css('overflow', 'hidden'); var screenWidth1 = $(window).width(); $('body, html').css('overflow', 'visible'); var screenWidth2 = $(window).width(); alert(screenWidth1); // Gives the screenwith without scrollbar alert(screenWidth2); // Gives the screenwith including scrollbar 

आप इस कोड का उपयोग करके स्क्रॉल पट्टी के साथ और इसके बिना स्क्रीन चौड़ाई प्राप्त कर सकते हैं। यहां, मैंने body के अतिप्रवाह मान को बदल दिया है और चौखट के बिना और बिना स्क्रॉलबार

स्क्रॉलबार के बिना सही चौड़ाई और ऊंचाई प्राप्त करने के लिए सबसे सुरक्षित स्थान HTML तत्व से है। इसे इस्तेमाल करे:

 var width = document.documentElement.clientWidth var height = document.documentElement.clientHeight 

ब्राउज़र समर्थन बहुत अच्छा है, आईई 9 के साथ और इसके समर्थन का समर्थन करता है। ओल्ड आईई के लिए, यहाँ उल्लिखित कई फॉलबैक में से एक का उपयोग करें।

मुझे एक समान समस्या है और width:100%; कर रही है width:100%; यह मेरे लिए हल किया इस सवाल का जवाब देने के बाद मैं इस समाधान पर आया और यह महसूस कर रहा हूं कि एक <iframe> की बहुत ही प्रकृति किसी जटिल कार्य के बिना इन जावास्क्रिप्ट माप उपकरणों को गलत बनाती है। 100% करना एक आईफ्रेम में इसकी देखभाल करने का एक आसान तरीका है। मुझे आपकी समस्या के बारे में पता नहीं है क्योंकि मुझे यकीन नहीं है कि आप जो HTML तत्व जोड़ रहे हैं

इन समाधानों में से कोई भी मेरे लिए काम नहीं करता है, हालांकि मैं इसे चौड़ाई लेने और स्क्रॉल पट्टी की चौड़ाई को घटाकर इसे ठीक करने में सक्षम था। मुझे यकीन नहीं है कि यह कैसे क्रॉस-ब्राउज़र संगत है।

यहाँ मैं क्या उपयोग है

 function windowSizes(){ var e = window, a = 'inner'; if (!('innerWidth' in window)) { a = 'client'; e = document.documentElement || document.body; } return { width: e[a + 'Width'], height: e[a + 'Height'] }; } $(window).on('resize', function () { console.log( windowSizes().width,windowSizes().height ); });