2010-10-08 13 views
11

पर div लंबवत स्क्रॉलबार के साथ समस्याएं जब कोई उपयोगकर्ता मेरी वेबसाइट पर कोई खोज करता है तो मैं परिणाम को लंबवत स्क्रॉलबार के साथ एक छोटा div में दिखाना चाहता हूं, जिसके बजाय उपयोगकर्ता को पूर्ण पृष्ठ स्क्रॉल करने की आवश्यकता होती है। यह सभी ब्राउज़रों में सही काम करता है लेकिन मुझे आईपैड पर समस्याएं आती हैं। मैं देख सकता हूं कि खोज परिणाम div में फिट नहीं है लेकिन आईपैड पर कोई स्क्रॉल बार दिखाई नहीं दे रहा है। इसके अलावा जब मैं div के अंदर स्क्रॉल करने का प्रयास करता हूं तो पूरा पृष्ठ इसके बजाय स्क्रॉल किया जाता है। क्या यह काम करने का कोई समाधान है?आईपैड

HTML और सीएसएस:

<div class="searchResult"> 
    //Here I show the search result 
</div> 

div.searchResult 
{ 
    height: 540px; 
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll; 
} 

उत्तर

9

मेरा मानना ​​है कि इस सवाल का जवाब है कि आप जब तक आप दो उंगलियों तरीकों का उपयोग स्क्रॉल नहीं कर सकते हैं। हालांकि यदि आप अंतिम लिंक देखते हैं, तो एक कामकाज है।

मुद्दे:
CSS Overflow property not working in iPad
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

वर्कअराउंड:
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

+0

धन्यवाद..मैं एक कामकाज की तलाश में हूं .. – rubyprince

-1

कुछ अजीब कारण अंतराल के लिए div बदल रहा है के लिए एक iPad पर काम करता है।

2

iScroll jQuery प्लगइन है जो tahdhaze09 का उल्लेख किया गया है। और अधिक विशिष्ट:

iScroll विकसित हो रहा है और बुनियादी स्क्रॉल कार्यक्षमता के लिए कई नई सुविधाओं जोड़ रहा है। यदि आपको केवल मोबाइल वेबकिट के लिए सादा पुराना स्क्रोलर चाहिए, तो आपको वास्तव में iscroll-lite.js का उपयोग करना चाहिए।

iscroll-lite.js iScroll पैकेज का हिस्सा है। ऐसा लगता है कि यह एक अच्छी तरह से एक उंगली स्क्रॉल समस्या हल करेगा।