2010-08-31 8 views
9

पृष्ठ के स्क्रॉल बार को अक्षम कैसे करें।मैं किसी पृष्ठ के स्क्रॉल बार को कैसे अक्षम कर सकता हूं?

और इस बटन को अक्षम करें।

alt text

+8

एक यूआई बिंदु दृश्य से मुझे यह प्रश्न बिल्कुल पसंद नहीं है। अगर मैं अपने वेब पेज में अपने व्हील से स्क्रॉल नहीं कर सका तो मैं बहुत परेशान उपयोगकर्ता होगा। क्या आप समझा सकते हैं कि आप ऐसा क्यों करना चाहते हैं? – Chris

+0

संभावित समस्याएं: छोटी स्क्रीन/व्यूपोर्ट (प्रत्येक डिस्प्ले डिवाइस में 20480x5000 पीएक्स, एएसपी मोबाइल नहीं है; और हर किसी को अधिकतम ब्राउज़र विंडो के साथ surfs नहीं) स्क्रॉलबार * या * आपकी सामग्री का प्रासंगिक भाग नहीं दिखाएगा; भी, जेएस सक्षम क्या होता है (उदा। नोस्क्रिप्ट)? – Piskvor

+0

यदि आप स्क्रॉल बार हटाते हैं, तो व्हील समस्या दूर हो जाती है, है ना? – gawi

उत्तर

6
$(window).scroll(function() { 
    scroll(0,0); 
}); 
+1

तो, यह jQuery है? आप इसे टैग के रूप में जोड़ना चाहेंगे। – palswim

7

आपको लगता है कि बटन (या पेज स्क्रॉल के किसी भी अन्य विधि) अक्षम नहीं कर सकता; see this। हालांकि, जब भी आप स्क्रॉलिंग का पता लगाते हैं तो आप स्क्रॉल करने के लिए (0,0) स्क्रॉल कर सकते हैं। यह बदसूरत लग सकता है (पृष्ठ थोड़ा सा स्क्रॉल करता है, फिर बैक अप कूदता है)।

स्क्रॉलबार को अक्षम करने के लिए, आप html, body { overflow: hidden } सेट करने का प्रयास कर सकते हैं; मुझे लगता है कि कुछ ब्राउज़र इसका सम्मान नहीं कर सकते हैं।

(यह बेहतर नहीं होगा सिर्फ एक पेज है कि व्यूपोर्ट में फिट बैठता है, ताकि स्क्रॉलबार नहीं दिखाए जाते हैं बनाने के लिए?)

29

स्क्रॉलबार एक सीएसएस मुद्दा है। आप अपने पृष्ठ (या एक सीएसएस फ़ाइल के लिए भीतरी भाग) को यह जोड़ सकते हैं:

<style type="text/css"> 
html, body { 
    overflow: hidden; 
} 
</style> 
+0

हमें इसे HTML और body दोनों के लिए क्यों देना चाहिए? इसे केवल एचटीएमएल देने के लिए पर्याप्त नहीं है? – Srinivas

1
document.body.scroll = "no"; 
document.body.style.overflow = 'hidden'; 
document.height = window.innerHeight; 

अधिकांश ब्राउज़र में स्क्रॉलबार अक्षम करना चाहिए।

देखें: http://www.eggheadcafe.com/community/aspnet/3/10088543/how-to-disable-document-body-from-scrolling.aspx

+0

यह काम नहीं करता है? – faressoft

+0

@faresफ्ट्स आप अभी भी उनमें से प्रत्येक को आजमाने के बावजूद स्क्रॉलबार देखते हैं? – Adam

0

यह काम करता है: * {overflow: hidden} एक समस्या यह है मेरे पास है, जब यह पता लगाना था कि मैं एक सीएसएस ड्रॉप-डाउन है उस पृष्ठ पर (अच्छी तरह से भर में स्लाइड) मेनू और कहा कि 'नहीं करता है जब मैं इस विधि का उपयोग करता हूं तो टी दिखाता हूं। मैं अभी भी यह पता लगाने की कोशिश कर रहा हूं कि इस सक्षम के साथ काम करने के लिए ड्रॉप-डाउन कैसे प्राप्त करें।

1

मैं मोबाइल वेबसाइट बना रहा हूं, लेकिन मैं नहीं चाहता कि यह वेबपृष्ठों का पूरा समूह बन जाए, इसलिए मैं इसे स्क्रॉलिंग अक्षम के साथ एक पृष्ठ बना रहा हूं। मैंने

<style> 
    html, body { 
    overflow: hidden; 
    } 
    </style> 
+1

क्या आपका उत्तर किसी भी मौजूदा उत्तर पर सुधार करता है? यह एक विशिष्ट उपयोग मामला है? – emecas

0

यह आपके स्क्रॉल बार को हटा देगा। [मैंने इसे दुर्घटना से किया]

@media screen{   
body>div#header{   
position:fixed;   
}   
body>div#footer{   
position:fixed;   
} ` 
संबंधित मुद्दे

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