टेबल चिपचिपा कॉलम स्क्रॉल बग क्रोम

Question

मैंने एक टेबल बनाया, जहां कुछ निश्चित कॉलम हैं, और बाकी स्क्रॉलिंग कर रहे हैं। यह एक रैपर div और सेटिंग स्थिति पूर्ण और निश्चित कॉलम पर नकारात्मक बाएं मार्जिन का उपयोग करके किया जाता है।

तो यह मुझे jsfiddle में पुनः बनाने के लिए मुश्किल है, लेकिन यहाँ एक लिंक भी है यह एक जटिल datatable का हिस्सा है: http://rateshopper.error404.ro/table.html

समस्या है जब तुम सिर्फ स्क्रॉल के साथ चारों ओर खेलने के लिए और फिर कर्सर बायीं तरफ चली है। निश्चित कॉलम कभी-कभी बस स्थिति से बाहर निकलते हैं। इंस्पेक्टर में छोड़े गए मार्जिन को अनचेक करना और पुनः जांचना इसे ठीक करता है। मुझे नहीं पता कि ऐसा क्यों होता है।

यहां Chrome में एक वीडियो है: http://rateshopper.error404.ro/bug_chrome.mov

कोई भी विचार या मदद बहुत सराहना की जाएगी!

Answer 1

मैं खिड़की का आकार बदलकर ऊपर दिखाई देने वाली उपस्थिति को पुन: उत्पन्न करने में सक्षम था। मुझे संदेह है कि जो भी आप अपने प्रारंभिक बाएं मार्जिन को सेट करने के लिए उपयोग कर रहे हैं उसका आकार बदलने के दौरान शून्य वापस आ रहा है। बाएं हाशिए के लिए न्यूनतम मान निर्धारित करने से इस समस्या को हल हो जाएगा। यदि आप जावास्क्रिप्ट प्रदान कर सकते हैं जो गणना करता है और उन पदों को लागू करता है तो मैं आपको इसे संपादित करने में खुशी से सहायता करूंगा।

Answer 2

वैसे यह मेरे अंत में ठीक काम करता है, यह अन्य लोगों के कंप्यूटर पर ठीक काम करने के लिए प्रतीत होता है, फिर भी यह केवल एक विशेष मैकबुक पर होता है, यद्यपि यह मैकबुक होगा जिसे आपने बनाया है, मुझे लगता है ...

यदि ऐसा है तो आपको अपने ब्राउज़र कैश को मिटा देना होगा, हालांकि यह स्थानीय रूप से संभवतः स्थानीय है, यह अभी भी एक कैश स्टोर करता है। इसे आज़माएं ...

क्रोम खोलें। अपने ब्राउज़र टूलबार पर, 3-डॉट आइकन टैप करें। इतिहास टैप करें, और उसके बाद ब्राउज़िंग डेटा साफ़ करें टैप करें। "ब्राउज़िंग डेटा साफ़ करें" के अंतर्गत, "कुकीज़ और साइट डेटा" और "कैश की गई छवियों और फ़ाइलों" के लिए चेकबॉक्स का चयन करें। उस डेटा की मात्रा का चयन करने के लिए शीर्ष पर स्थित मेनू का उपयोग करें जिसे आप हटाना चाहते हैं। ... ब्राउज़िंग डेटा साफ़ करें टैप करें।

"सबकुछ" को आजमाएं और साफ़ करें, मुझे विकास के दौरान पहले इसी तरह के मुद्दे हैं और यह मुझे पता चला है कि कैश की वजह से, मुझे नहीं पता कि इससे आपकी समस्या हल हो जाएगी, लेकिन मुझे लगता है कि यह पहली जगह होगी मैंने देखता हूं।

बस इसे अपने ग्राहकों मैक होने के बारे में पिछले टिप्पणी पढ़ने, मैं अभी भी कैश पोंछते, और एक्सटेंशन की जाँच के रूप में पिछले टिप्पणी में सुझाव दिया है कि वह हो सकता है की सिफारिश करेंगे

Answer 3

संपादित करें:

बेहतर ठीक:

.col-lg-10 { 
    float: right; 
} 

#seriesTableWrapper की मूल तत्व पर एक नाव की स्थापना यह बच्चों पर उत्पन्न से एक मार्जिन पतन से बचाता है।

यहाँ एक मार्जिन गिर पर पढ़ा जाना चाहिए है: http://www.seifi.org/css/understanding-taming-collapsing-margins-in-css.html

लेख तरीकों के संदर्भ में एक सा पुराना मार्जिन गिर रोकने के लिए है, लेकिन यह बताता है कि क्यों और कैसे यह अच्छी तरह से होता है।

अधिक आधुनिक मार्जिन गिर रोकने के लिए तरीके: How to disable margin-collapsing?

---

एक फिक्स मिले

बदलें:

#seriesTableWrapper { 
    margin-left: *something*; 
} 

को

:

#seriesTableWrapper { 
    padding-left: *something*; 
} 

शायद एक मार्जिन पतन मुद्दा, मार्जिन कुछ मामलों में पतन हो सकता है। अफसोस की बात है कि स्क्रॉलबार अब पूरी चौड़ाई पर फैला हुआ है।

चूंकि स्क्रॉल किए बिना कोई लंबवत स्क्रॉल तुम सिर्फ एक मेज कर सकता था और उसके आगे क्षैतिज स्क्रॉल के साथ एक मेज है। और यदि वर्टिकल स्क्रॉलिंग है तो आप इन दोनों तालिकाओं को ओवरफ्लो के साथ एक div में लपेट सकते हैं: ऑटो;