मैं ट्विटर के समान टूलबार बनाने की कोशिश कर रहा हूं। समस्या तब होती है जब ब्राउज़र पर्याप्त चौड़ा नहीं होता है और मैं क्षैतिज रूप से रखने के बजाय टूलबार की तरफ स्क्रॉल करता हूं ताकि बाईं ओर स्क्रॉलिंग टूलबार के छिपे हुए हिस्से को न दिखाए।

मुझे वह प्रभाव कैसे मिलेगा जो मैं चाहता हूँ?

मेरा सीएसएस:

.toolbar {
    visibility: visible;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 22px;
    background: black;
    color: white;
    padding: 2px;
    text-align: left;
    font-size: 1.1em;
    border-bottom: 3px ridge #dddddd;
}

उदाहरण: http://t2.technion.ac.il/~snayish/m/toolbar .html

सीएसएस: http://t2.technion.ac.il/~snayish/m/style .css

-1
Nachshon Schwartz 28 जून 2011, 02:02
क्या आप हमें और कोड दिखा सकते हैं? उदाहरण ऑनलाइन है?
 – 
Sampson
28 जून 2011, 02:04
ब्राउजर कभी भी पर्याप्त चौड़ा कैसे हो सकता है? ... आपके पास टूलबार 100% पर सेट है, इसलिए यह हमेशा 100% होना चाहिए। क्या आप अपने पेज या JSFiddle पर एक यूआरएल पोस्ट कर सकते हैं जो दर्शाता है कि आप क्या देख रहे हैं?
 – 
Sparky
28 जून 2011, 02:05
2
साथ ही position:fixed के साथ, इसे हमेशा आपकी विंडो के निर्दिष्ट स्थान पर पिन किया जाएगा, चाहे आप कैसे भी स्क्रॉल करें... यह अपेक्षित व्यवहार है।
 – 
Sparky
28 जून 2011, 02:07
आपके पोस्ट किए गए उदाहरण को देखते हुए: मैं सफारी में हूं और इससे कोई फर्क नहीं पड़ता कि मैं अपनी खिड़की कितनी संकीर्ण/चौड़ी बना देता हूं, मुझे कोई क्षैतिज स्क्रॉलबार नहीं दिखता है।
 – 
Sparky
28 जून 2011, 02:16
मैंने क्रोम का इस्तेमाल किया और समस्या को देखा ... @ स्पार्की 672 शायद इसे वहां आजमाएं ...
 – 
user785519
28 जून 2011, 02:17

1 उत्तर

सबसे बढ़िया उत्तर

ट्विटर पर जेएस के साथ किया गया आप इसे शुद्ध सीएसएस के साथ हल नहीं कर सकते हैं।

मैं इसे इस तरह हल करूंगा: http://jsfiddle.net/Tt3rw/1/

(स्क्रॉल लेफ्ट स्थिति प्राप्त करना और इसके अनुसार अपने बैनर के सामग्री भाग की बाईं स्थिति को स्थानांतरित करना)

0
meo 28 जून 2011, 02:47
एक सीएसएस समाधान बेहतर होगा, लेकिन ऐसा नहीं किया जा सकता मुझे डर है। मुझे अभी भी आश्चर्य है कि मुझे इस पर 2 डाउन-वोट क्यों मिले।
 – 
meo
28 जून 2011, 03:12
हो सकता है क्योंकि आपका उत्तर शुरुआत में पर्याप्त विशिष्ट नहीं था, +1 इसे बदलने के लिए ...
 – 
user785519
28 जून 2011, 04:06