2016-08-24 8 views
6

http://jsbin.com/fopiwaluwo/edit?html,css,jsआईओएस सफारी तय div माध्यम से शरीर के स्क्रॉल अनुमति देता है

http://output.jsbin.com/fopiwaluwo (पूर्ण स्क्रीन उत्पादन - एक iPad/iOS सिम्युलेटर पर देखा जाना चाहिए।)

जब नीचे या स्क्रॉल करने योग्य ओवरले के शीर्ष करने के स्क्रॉल शरीर भी स्क्रॉल करता है। मैं ओवरले पर स्क्रॉल करते समय शरीर पर किसी भी स्क्रॉलिंग को अक्षम करना चाहता हूं (कॉपी के साथ सफेद पारदर्शी क्षेत्र)।

यह वेब ऐप का सरलीकृत उदाहरण है जिसे मैं इसे लागू करना चाहता हूं। मुझे पता है कि स्थिति जोड़ना: शरीर के लिए तय स्क्रॉलिंग को अक्षम करता है हालांकि मैं असली दुनिया के उदाहरण में इसका उपयोग नहीं कर सकता। जावास्क्रिप्ट समाधान स्वागत है।

चीयर्स

उत्तर

0

बस जोड़ें:

<script type="text/javascript">document.ontouchmove=function(event){ event.preventDefault(); }</script> 

और निहारना, शरीर स्क्रॉल नहीं है, लेकिन ओवरले :-) करता

अद्यतन: iOS चलाने वाले iPhones पर काम करने के लिए लगता है केवल 10 बस से पहले आपका क्या मतलब है मैं अपने नमूना को यह जोड़ा (-
आईपैड या iOS 9.

+1

अरे पर काम नहीं करता, फिक्स्ड div भी :( – Andre

+0

@Andre पर जवाब के लिए धन्यवाद लेकिन दुर्भाग्य से इस विकलांग स्क्रॉल? ''), और ओवरले स्क्रॉल (गुलाबी भाग (ठीक है, 0.8 अल्फा के साथ लाल) "यहां कुछ स्क्रोल करने योग्य प्रतिलिपि" के साथ) स्क्रॉल, और लाल सीमा तय बनी हुई है। क्या वह नहीं है जिसे आप प्राप्त करना चाहते हैं –

+0

क्या आप इसे आईओएस सिम्युलेटर में कर रहे हैं? सामग्री के साथ div भी स्क्रॉलिंग को रोकता है जो वांछित परिणाम नहीं है। – Andre

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