ऐसा लगता है कि यह किसी तत्व पर webkit-transform प्रॉपर्टी या उसके माता-पिता को लागू करने जैसा लगता है जिसमें webkit-over-flowing-scrolling: touch पूरी तरह से स्क्रॉलिंग को स्क्रॉल करता है, उस स्क्रॉलिंग में बिल्कुल काम नहीं करता है।वेबकिट ओवरफ्लो स्क्रॉलिंग टच टकराव वेबकिट ट्रांसफॉर्म
क्या किसी ने इस बग का अनुभव किया है और समाधान के बारे में पता है?
मेरे वर्तमान (hacky) समाधान इस तरह दिखता है:
$container.one 'webkitAnimationEnd', ->
$container.find('.contents').remove()
$container.append('.contents')
मूल रूप से मैं दूर करने कर रहा हूँ और फिर एनीमेशन समाप्त होने के बाद स्क्रॉल div की सामग्री को फिर से जोड़ने। उम्मीद है कि इसके लिए किसी के पास बेहतर समाधान होगा।
मुझे एक ही समस्या है, और अगर मैं -webkit-transform डुबोता हूं और पूर्ण स्थिति पर स्विच करता हूं तो यह केवल दूर हो जाता है।
यह ठीक होगा, सिवाय इसके कि निरपेक्ष स्थिति iOS पर घटिया प्रदर्शन और अस्थिर एनीमेशन, जो आईओएस में 6 + w/पहले से लोकप्रिय translateZ और translate3D मजबूर हार्डवेयर त्वरण हैक्स का उपाय नहीं किया जा सकता है की ओर जाता है।
मैं एक हैक पता लगा, लेकिन यह इतना घृणित है और वास्तव में बदसूरत है कि आप किसी भी आगे पढ़ने के लिए नहीं चाहते हो सकता है है:
तत्व हम करने के लिए -webkit-overflow-scrolling:touch लागू करते हैं और तत्व हम कर रहे हैं से पूरी तरह अलग करना चाहते हैं ले लो -webkit-transform को लागू करना। z-index मैनिपुलेशन का उपयोग करें ताकि स्क्रॉलिंग तत्व को मूल रूप से उसी स्थान पर दिखाई दे, जिससे मूल कंटेनर (अब एक खाली कंटेनर) स्वाभाविक रूप से एनिमेट करने के लिए -webkit-transform बनाए रखा जा सके। मेरे मामले में यह हैक हालांकि कम हो जाता है, क्योंकि स्क्रॉल करने योग्य सामग्री इसके साथ स्लाइडिंग के बजाय एनिमेटेड कंटेनर के शीर्ष पर अचानक दिखाई देगी।