Jquery मोबाइल में क्षैतिज स्क्रॉल कैसे करें?

Question

मेरे पास एक मूल तालिका लेआउट है जो मोबाइल में देखे जाने पर कट जाता है। क्षैतिज स्क्रॉलिंग काम पर प्रकट नहीं होता है। तालिका मूल रूप से फंस गई है और कटऑफ है। केवल लंबवत स्क्रॉलिंग काम करता है। क्या Jquery मोबाइल में क्षैतिज स्क्रॉलिंग सक्षम करना संभव है? डेस्कटॉप ब्राउज़र पर

स्क्रीनशॉट: मोबाइल पर

स्क्रीनशॉट: आकृति परिवर्तन डेस्कटॉप ब्राउज़र पर

स्क्रीनशॉट (क्षैतिज स्क्रॉल भी काम नहीं करता है):

नमूना कोड:

<div style="overflow-x:auto"> 
<table> 
     <tr> 
      <td>foo</td> 
      <td>foo</td> 
      <td>foo</td>   
     </tr> 
</table>    
</div> 

BTW अगर मैं <meta name="viewport" content="width=device-width, initial-scale=1"> क्षैतिज स्क्रॉल काम करता है को दूर लेकिन फिर मोबाइल की चौड़ाई बड़ा हो गया है और मोबाइल देखने का उद्देश्य काफी हरा दिया है। कोई कामकाज?

Answer 1

मेरा मानना ​​है कि आप अपने viewport मेटा टैग को एक विशिष्ट width पर सेट कर सकते हैं जो आपकी सामग्री से मेल खाता है। इस तरह आप सीमित कर सकते हैं कि आपका पृष्ठ कितना विस्तृत हो जाता है। width=device-width की तरह है लेकिन इस संदर्भ में यह है कि तुम क्या जरूरत है की तरह लगता है

<meta name="viewport" content="width=600px, initial-scale=1"> 

एक सामान्य अर्थ यह सिकोड़ी-पर है यह बाद से में उत्तरदायी नहीं है।

नोट: यह अपरीक्षित है, मैं एक पिक्सेल मूल्य width घोषणा के लिए एक viewport टैग में पहले इस्तेमाल कभी नहीं किया है। मेरी समझ यह है कि यह सबकुछ डिफ़ॉल्ट रूप से प्रकट होना चाहिए, फिर उपयोगकर्ता पाठ को पढ़ने में आसान बनाने के लिए ज़ूम इन/आउट कर सकता है।

अच्छी तरह से समर्थित विकल्प जावास्क्रिप्ट के साथ गलत-स्क्रॉलिंग का उपयोग करना है। आईएसक्रॉल 4 जैसे पूर्व-निर्मित समाधान हैं (अन्य लोग भी बाहर हैं लेकिन वे इस समय मुझसे बच रहे हैं)।

आप रुचि रखते हैं, यहाँ viewport मेटा टैग के लिए एप्पल प्रलेखन है: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html