2011-09-14 19 views
6

मुझे लगता है कि बहुत ही बुनियादी सवाल है। मेरे पास एक ऐसी वेबसाइट है जहां कुछ पेज ब्राउज़र के देखने योग्य लंबवत क्षेत्र में फिट होने की संभावना है, और अन्य नहीं होंगे (बहुत सी साइटें इस तरह होनी चाहिए)।ब्राउज़र स्क्रॉल बार दिखाई देने पर एक वेब पेज केंद्रित रखना और गायब हो जाता है

जब उपयोगकर्ता डेस्कटॉप ब्राउज़र पर एक पृष्ठ से दूसरे पृष्ठ पर ब्राउज़ करते हैं, तो पृष्ठ के आधार पर लंबवत स्क्रॉल-बार दिखाई देता है और गायब हो जाता है। प्रभाव यह है कि अच्छी तरह से केंद्रित पृष्ठ स्क्रॉल-बार की चौड़ाई से स्थानांतरित होता रहता है जब उपयोगकर्ता बस एक और नेविगेशन लिंक चुनता है - यह मेरे सभी वेब पृष्ठों को एक ही ऊंचाई के बिना, ऐसा करने का सबसे आसान तरीका क्या है?

दूसरा भाग - डेस्कटॉप ब्राउज़र न केवल वर्टिकल स्क्रॉल-बार क्षेत्र को आरक्षित क्यों करता है, शायद उन्हें मजबूर करने का एक तरीका है?

+0

वोटिंग-समय पर बदलाव Stackoverflow करने के लिए स्थानांतरित करने के लिए। मैं आप जल्दी से वहाँ एक जवाब मिल जाएगा उम्मीद है। की [मैं कैसे वाम स्थानांतरण जब कार्यक्षेत्र स्क्रॉलबार प्रकट होता है से मेरे वेब सामग्री रोकूँ –

+0

संभावित डुप्लिकेट? सलाह 2017] के रोल-अप (https://stackoverflow.com/questions/45524214/how-do-i-stop-my-web-content-from-shifting-left-when-the-vertical-scrollbar-appe) – JBH

उत्तर

6

यह (IE6 के साथ काम नहीं करता है) करता है:

body { overflow-y: scroll; } 

आप भी हमेशा क्षैतिज स्क्रॉल पट्टी को दिखाने के लिए चाहते हैं, इस का उपयोग करें:

body { overflow: scroll; } 
+0

मैं – pgfearo

3

अपने दूसरे प्रश्न का सवाल है , सभी साइट निश्चित-चौड़ाई केंद्रित पृष्ठों से बने नहीं हैं, भले ही यह बहुत आम हो। यहां तक ​​कि इस मामले में, आपको इस शिफ्ट से नाराज होने के लिए क्लिक करने के लिए क्लिक से बहुत अलग लंबाई के पृष्ठ होना चाहिए (बीटीडब्ल्यू यह आधे स्क्रॉलबार की चौड़ाई को बदलता है;) यह क्लासिक Win2k थीम के साथ WinXP पर 8px है) ।

  • शुरुआत में वहाँ सीएसएस के बिना HTML पृष्ठों था: बाईं ओर संरेखित (या हिब्रू और अरबी भाषाओं में दाएँ संरेखित)
  • फिर सीआरटी आया पर 14 धीरे-धीरे HTML तालिकाओं ": प्रत्येक पिक्सेल कीमती था (पूर्ण! क्योंकि चौड़ाई 640KB पर्याप्त है कुछ सोचा कि यह कैसे 17 "या 21" सीआरटी)
  • तब आया निश्चित-चौड़ाई केंद्रित टेबल या divs पर प्रदर्शित किया जा चाहते हैं:। पिक्सल 1024px गुणा प्रदर्शित करता है पर अभी भी कीमती थे ऊंचाइयों < 768px के साथ, सबसे पृष्ठों में एक गुना था (या फ्लैश के साथ बनाया गया था)
  • अब CSS3 मीडिया क्वेरीज़ आता है, इसके साथ प्रदर्शित करता है 320 से 2560px (प्रति मॉनिटर!) की चौड़ाई, प्रगतिशील वृद्धि या सुंदर गिरावट।
  • Google मुखपृष्ठ या वेब ऐप्स जैसे पृष्ठ आम हैं: वहां लंबवत स्क्रॉलबार की आवश्यकता नहीं है!
उस के साथ

गुड लक एक नियम स्थापित करने के लिए यदि आप एक ब्राउज़र विक्रेता कर रहे हैं, विशेष रूप से मेनू, सलाखों, क्रोम पर आदि की हाल ही में गायब दिया और फिर फ़ायरफ़ॉक्स और शायद अन्य ब्राउज़रों का संकेत हो सकता है कि उस विक्रेताओं एक का पीछा करते हुए कर रहे हैं फुलस्क्रीन डिस्प्ले का लक्ष्य (अगर मैं चाहता हूं कि मैं चाहता हूं और मेरी एड्रेसबार वापस चाहता हूं तो मैं केवल एफ 11 दबाएं लेकिन यह एक और कहानी है :)) और वे क्षैतिज रूप से 20px "खोने" के अनिच्छुक होंगे।

एक तरफ नोट पर, हो सकता है कि आप इस साइट के डेवलपर के रूप में इस क्षैतिज शिफ्ट से सबसे नाराज हैं क्योंकि आपने अपनी साइट को अपनी आंखों के सामने पूरे दिन प्रदर्शित किया है और इस में ठीक से क्लिक करने के आदी हैं इसके बारे में भी सोचने के बिना क्षेत्र: आप अपनी साइट को किसी और के रूप में नहीं जानते!
यह आपके आगंतुकों का मामला नहीं होगा, उनमें से केवल कुछ ही देखेंगे कि दो बार से अधिक और आपको यह जानने के लिए वेब धाराप्रवाह होना होगा कि यह घटना कहां से आती है, अन्यथा यह कुछ अन्य साइटों की तरह मामूली परेशानी है वो आये थे।

  • एक स्क्रॉलबार है कि पहली नजर है कि वे स्क्रॉल चाहिए (इससे पहले कि वे दूसरी दृष्टि पर देखते हैं कि इतने वास्तव में कोई यह खड़ी स्क्रॉलबार अक्षम किया गया है पर इंगित करता है प्रदर्शित: और आप समझते हैं कि विज़िटर के लिए सबसे अधिक कष्टप्रद हो सकता है है स्क्रॉल)
  • एक 10px क्षैतिज समय
+0

+1 बस क्या जरूरत एक जानकारीपूर्ण जवाब के लिए - मैं सिर्फ जोड़ना होगा कि स्पर्श आधारित वेबसाइट ब्राउज़रों एक स्क्रॉलबार (सिर्फ एक अस्थायी स्क्रॉल सूचक), इसलिए उन उम्मीदों बजना मुक्त वेबसाइट की उम्मीद ही बदलना होगा का उपयोग नहीं करते नेविगेशन, तब भी जब वे माउस/कुंजीपटल संचालित ब्राउज़रों पर स्विच करें। – pgfearo

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

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