ब्राउज़र स्क्रॉलबार शिफ्ट

जब आप मेरी वेबसाइट पर पृष्ठ पर जाते हैं जहां अतिरिक्त सामग्री होती है, तो स्क्रॉलबार दाईं ओर दिखाई देता है, लेकिन मेरी सामग्री के लिए बाईं ओर एक उल्लेखनीय बदलाव है। आप इसे घर पर क्लिक करके और फिर मेरी साइट (www.ipalaces.org) पर होस्टिंग और बैक फिर से देखते हैंब्राउज़र स्क्रॉलबार शिफ्ट

मैं अपने पृष्ठों पर ब्राउज़र स्क्रॉलबार के लिए कैसे खाता कर सकता हूं? क्या मैं इसे बना सकता हूं ताकि स्क्रॉलबार हमेशा कम से कम दिखाई दे?

मेरी वेबसाइट www.ipalaces.org है, कृपया मुझे बताएं।

स्रोत

2009-07-29 ParoX

पुन: उत्पन्न करने के प्रयास करने वालों के लिए, आपको अपनी खिड़की को आकार में छोटा करने की आवश्यकता हो सकती है। – waiwai933

आईई 8 में मेरे लिए ठीक काम करता है। हम यहां किस ब्राउजर के बारे में बात कर रहे हैं? – Joey

सभी ब्राउज़र्स, मैं अपने एचडीटीवी पर 1360 x 768 res, 720P का उपयोग कर रहा हूं, इसलिए शायद आपका संकल्प अधिक है जो आपको पूर्ण सामग्री देखने की अनुमति देता है, अगर मामला यहां जा रहा है http://www.ipalaces.org/hosting/ domains.html और फिर अंतर देखने के लिए घर पर क्लिक करें। – ParoX

अपने शरीर को 101% लंबा बनाएं ... इससे स्क्रॉलबार हमेशा दिखने के लिए मजबूर होगा।

body {height:101%}

स्रोत

2009-07-29 23:59:16

यह अच्छा काम करता है, लेकिन फिर एक कष्टप्रद 1 पिक्सेल डाउनवर्ड शिफ्ट है। क्या सभी ब्राउज़रों को स्क्रॉलबार दिखाने का कोई तरीका नहीं है, लेकिन यदि आवश्यक नहीं है तो इसे निष्क्रिय कर दिया गया है। -मोज़-स्क्रोलबार-वर्टिकल की तरह; लेकिन अधिक सार्वभौमिक – ParoX

एचटीएमएल, शरीर {ऊंचाई: 100%; मार्जिन-तल: 1 पीएक्स;} अंतर को कम करने लगता है, लेकिन अभी भी एक कष्टप्रद अंतर है। – ParoX

अच्छा, यह ब्राउज़र पर निर्भर करता है।

body { 

overflow-y: scroll; 
overflow-x: scroll; 
overflow: -moz-scrollbars-vertical; 

}

क्षैतिज (overflow-x) और ऊर्ध्वाधर स्क्रॉलबार (overflow-y) प्रदर्शित करने के लिए मजबूर करना चाहिए। हालांकि मुझे याद है कि ओपेरा कभी-कभी घोषणा का सम्मान करने में विफल रहता है, जब तक कि यह <body> (divs और like) के भीतर किसी तत्व पर न हो।

के wsanville @ के संबंध में संपादित, और @ Bhare की, टिप्पणी।

स्रोत

2009-07-29 22:46:17

यह एक बदसूरत डबल स्क्रॉलबार छोड़ देता है जब इसकी आवश्यकता होती है। – ParoX

'डबल स्क्रॉलबार' को परिभाषित करें। प्रत्येक धुरी पर दो स्क्रॉलबार एक साथ? –

आपको 'एचटीएमएल' और 'बॉडी' दोनों में अतिप्रवाह गुण लागू नहीं करना चाहिए अन्यथा आपके पास दो स्क्रॉलबार होंगे! नीरस – wsanville

इसे आज़माएं ... मुझे इसकी बदसूरत पता है लेकिन यह एकमात्र तरीका हो सकता है।

#force_scroll { 
    width: 1em; 
    position: absolute; 
    top: 0; 
    bottom: -0.1px; 
    z-index: -1; 
}

और फिर अपने HTML में (अपने </body> से पहले अधिमानतः दाएं) कहीं:

<div id="force_scroll"></div>

स्रोत

2009-07-30 20:11:06

मेरे पहले क्या ?? यह भी काम नहीं करता है। – ParoX

-0.1px मान्य माप नहीं है। फिर भी, -1px या -0.1em का उपयोग करके भी मार्जिन-तल के समान प्रभाव छोड़ देता है: 1px; पृष्ठ अभी भी 1 पिक्सेल नीचे स्क्रॉल कर सकता है। – ParoX

@ ब्रायन, संपादन देखें। मूल रूप से '' कोड से बच नहीं गया/चिह्नित नहीं किया गया था। तो यह पेज पर प्रस्तुत नहीं किया गया था। मुझे एहसास है कि हालांकि उपयोगी होने के लिए शायद बहुत देर हो चुकी है। –

body { 
    overflow: scroll; 
}

मैं भी नवीनतम Firefox (3.5) के साथ एक ही समस्या थी। अतिप्रवाह समारोह ने मेरे जीवन को बचाया!

स्रोत

2009-10-03 09:38:06

मैं एक ऊर्ध्वाधर स्क्रॉल पट्टी हमेशा दिखाई है करने के लिए IE6, IE7, IE8, फ़ायरफ़ॉक्स 3, और क्रोम, और आसान तरीका यह परीक्षण किया है बस है:

html { overflow-y: scroll; }

स्रोत

2010-09-09 14:15:56 wsanville

यह सम्मानित उत्तर के बाद कम हैकिश लगता है। http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ –

इस के लिए महान काम करने के लिए लगता है मैं ...

html { 
    overflow-y: scroll; 
}

स्रोत

2012-09-02 18:25:55 EdenMachine

उत्तर

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