2015-04-07 3 views
6

ईमानदार होने के बाद फ़्लिकरिंग फ़्लिकरिंग, मैं थोड़ा हताश हूं।.scroll() फ़ंक्शन पोजिशनिंग Google क्रोम में अपने अंतिम अपडेट

मेरे Google क्रोम ब्राउज़र को अपडेट करने के बाद - मुझे लगता है कि संस्करण 39 से 41 - मेरी क्लाइंट वेबसाइटों में से एक क्रोम में बिल्कुल डिफिगर किया गया है।

आप इसे यहाँ देख सकते हैं: http://prinovis-media-day.com/

आप नीचे स्क्रॉल, तो सभी »लंबन« तत्वों झिलमिलाते रहे हैं। मैं संस्करण 39 पर मेरी मैकबुक पर यह देख लिया है - यह 39.

असल संस्करण में पूरी तरह से ठीक है, क्या मैं इस प्रभाव पैदा करने के लिए कर रहा हूँ बहुत सरल है:

$("window").scroll(function(){ 

    var move_value = Math.round(scroll_top * 0.3); 
    var opacity_value = *some other value*; 

    $(".parallax-container__content").css({ 

     'opacity': opacity_value, 
     'padding-top': move_value +'px' 

    }); 

}); 

किसी को भी पता है क्या बात है? यह इस अद्यतन से पहले एक आकर्षण की तरह काम किया ...

बहुत पहले से धन्यवाद, मैं वास्तव में किसी भी उत्तर की सराहना करता हूं!

+2

आप एक चर में $ ("लंबन-कंटेनर__content") तत्व को हमेशा कैश कर सकते हैं ताकि यह हर बार स्क्रॉल ईवेंट को निकाल दिया जा सके, और यह अस्पष्टता मूल्य के लिए भी जाता है (जब तक यह गतिशील रूप से न हो scroll_tp के आधार पर बदलना। ऐसा करने से स्क्रिप्ट तेज हो सकती है और जो हो रहा है उस जंक की मदद कर सकता है –

+1

FYI: मेरे "क्रोम 40.0.2214.115 मीटर" – OddDev

+0

पर ठीक चलाता है आप "सीएसएस" में "संक्रमण" जोड़ने का प्रयास कर सकते हैं। .prallax-container_content "। http://www.w3schools.com/css/css3_transitions.asp – OddDev

उत्तर

1

मेरी टिप्पणी चलती एक जवाब हो: इतना है कि यह हर समय पर पुन: प्राप्त करने नहीं है

तुम हमेशा एक चर में $ ("। लंबन-container__content") तत्व कैश सकता स्क्रॉल घटना निकाल दिया जाता है, और कहा कि अस्पष्टता मूल्य के लिए भी चला जाता है (जब तक कि गतिशील scroll_tp के आधार पर बदल रहा है। ऐसा करने से स्क्रिप्ट के कारण हो सकता है, तो यह अभी भी वास्तव में ध्यान देने योग्य है में तेजी लाने और Jank कि

हो रहा है मदद करने के लिए , तो आप फीचर डिटेक्शन 01 का उपयोग कर सकते हैंयह पता लगाने के लिए कि क्या सीएसएस ट्रांसफॉर्म ब्राउज़र में समर्थित हैं और उपयोगकर्ता '0 '' शीर्ष 'मान को बदलने के बजाय' ट्रांसफॉर्म: अनुवाद 'करें। यदि यह समर्थित नहीं है, तो बस 'शीर्ष' को बदलने के लिए वापस लौटें। बदलना 'टॉप' ब्राउजर में एक पेंटेंट का कारण बनता है जबकि 'अनुवाद' नहीं होता है। यह पेंट ब्राउज़र के लिए काफी महंगा है और कुछ मशीनों पर जांक का कारण बन सकता है। modernizr.com फीचर पहचान के साथ आपकी मदद कर सकता है, लेकिन यह इस स्थिति में में मदद करने के लिए संभावित रूप से अधिक है।

cetain शैलियों का पता लगाने के लिए इस पर एक नज़र का समर्थन कर रहे हैं: http://lea.verou.me/2009/02/check-if-a-css-property-is-supported/

इस जांच करने के लिए (विक्रेता उपसर्गों के लिए खाते की याद) सबसे आसान तरीका है।

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