सीएसएस या जावास्क्रिप्ट

Question

का उपयोग कर सफारी 5 के "overscroll" व्यवहार को अक्षम करें ओएस एक्स शेर पर सफारी 5 आपको पृष्ठ के दृश्यमान सीमाओं को पीछे स्क्रॉल करने की अनुमति देता है, इसके नीचे एक लिनन बनावट प्रकट करता है। यह एक अच्छा प्रभाव है, लेकिन कुछ वेब ऐप्स के लिए - विशेष रूप से फिक्स्ड-पॉजिटिव तत्व वाले साइडबार जैसे - यह विचलित हो सकता है। क्या किसी को पता है कि सीएसएस या जावास्क्रिप्ट का उपयोग करके प्रभाव को कैसे अक्षम किया जाए? यह संभव होना चाहिए, क्योंकि ऐप्पल के iCloud जैसी कुछ साइटें ऐसा कर चुकी हैं।

Answer 1

एक blog post है जो मैक ओएस एक्स और आईओएस डिवाइस दोनों पर लोचदार स्क्रॉलिंग को अक्षम करने के लिए आपको क्या करना है इसके बारे में बात करता है। साइट के अनुसार यह डेस्कटॉप ब्राउज़र के लिए निम्नलिखित CSS नियम के रूप में सरल हो गया लगता है:

body, 
html { 
    position: fixed; 
} 

परीक्षण किया गया और iOS8, और iOS9 के साथ सत्यापित:

body { overflow: hidden; } 

Answer 2

html { overflow: hidden;} 
body { overflow: scroll;} 

Answer 3

यह काम कर देता है।