2013-01-03 11 views
9

वेब साइटों और एचटीएमएल ऐप्स पर क्षैतिज स्क्रॉलबार आम तौर पर उपयोगिता और अवांछित के लिए खराब हैं। उन्हें अप्रत्याशित रूप से फसल लगाना आम बात है और मुझे जल्दी से डीबग करने और उन्हें हटाने के तरीके की आवश्यकता है।क्षैतिज स्क्रॉलबार का कारण कौन सा तत्व है? स्वचालित पहचान

आपके डिज़ाइन में HTML तत्वों को अपमानित करने का सबसे तेज़ और आसान तरीका क्या है?
और क्या यह स्वचालित करने के लिए कोई स्क्रिप्ट या टूल है?

हाँ, आप अपने पृष्ठ हटाने के माध्यम से/एक के बाद तत्वों एक छुपा जब तक आप एक संदिग्ध को खोजने के लिए जा सकते हैं, लेकिन यह लेने वाली है, खासकर अगर वहाँ कई अपमानजनक तत्व हैं समय है। शॉर्टकट पर क्लिक करना या स्क्रिप्ट चलाने के लिए बहुत अच्छा होगा और कंसोल पर सभी संदिग्ध तत्वों को हाइलाइट, रेखांकित या मुद्रित किया जाएगा।

स्पष्ट करने के लिए: समस्या नहीं है कैसे इसे हल करने, लेकिन कैसे यह पता लगाने के लिए। मैं एक सामान्य समाधान चाहता हूं जो इस समस्या को प्रकट होने पर काम कर सके।

+2

Google क्रोम स्थापित करें और पृष्ठ पर किसी भी तत्व को हाइलाइट करने के लिए डेवलपर टूल का उपयोग करें (विंडोज़ पर F12)। – Daniel

+0

वह दृष्टिकोण है जिसका मैं पहले से उपयोग कर रहा हूं ... मैं जावास्क्रिप्ट –

+2

के साथ एक स्वचालित समाधान की उम्मीद कर रहा हूं, यह मुझे एक बंद प्रश्न का उत्तर नहीं देगा, लेकिन मुझे सुझाए गए समाधान को पसंद है [http://stackoverflow.com/ ए/31458863/1 9 5835): '* {सीमा: 1 पीएक्स ठोस # एफ 00; } '। प्रत्येक तत्व पर सीमा के साथ, आप आसानी से देख सकते हैं कि थोड़ा बहुत दूर चिपके हुए हैं। –

उत्तर

5

एक संक्षिप्त दायरे में, आप अपनी सीमाओं को ओवरफ्लो करने वाली सामग्री वाले नोड्स प्राप्त करने के लिए jQuery (चौड़ाई प्राप्त करने के लिए) और node.scrollWidth का उपयोग कर सकते हैं।

http://jsfiddle.net/tomprogramming/v3Q6W/3/

+0

हाँ ... मैं इस तरह की कुछ ढूंढ रहा हूं –

-1

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

सीएसएस व्हाइट-स्पेस प्रॉपर्टी को स्क्रॉलबार की भी आवश्यकता होती है; इस संपत्ति का विवेकपूर्ण तरीके से उपयोग करें। यह वास्तव में केवल प्रारूपण कोड के लिए है, जहां लाइन ब्रेक बनाए रखना महत्वपूर्ण है क्योंकि वे संरेखण उद्देश्यों के लिए HTML स्रोत में दिखाई देते हैं।

+1

समस्या यह हल करने का तरीका नहीं है ... मेरा सवाल यह है कि इसे कैसे पहचानें (मैंने इस प्रश्न के संपादन में इसके लिए अपना इरादा जोड़ा है) –

+0

I पता है कि यह आपके प्रश्न का बिल्कुल जवाब नहीं देता है, लेकिन यह आपकी समस्या का समाधान कर सकता है। आपकी समस्या को हल करने का तरीका यह है कि क्षैतिज स्क्रॉल बार ढूंढें और उनसे छुटकारा पाएं। मेरा विचार है कि उन्हें अनुशंसित वेब प्रथाओं का उपयोग करके पहले स्थान पर न बनाएं .. – allyourcode

+0

हां आपका इरादा सही है ... वास्तविक समस्या से छुटकारा पाने के लिए ... लेकिन मैं समस्याग्रस्त घटक की पहचान करने के लिए आवश्यक समय को कम करना चाहता हूं ... उसके बाद, वास्तविक समस्या को हल करने का समाधान इस बात पर निर्भर करेगा कि यह घटक कैसे विकसित किया गया है –

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