यहाँ परीक्षण लिंक है:
अभी मोबाइल डिवाइस पर, क्षैतिज रूप से मध्य में स्क्रॉल किया जाता है,
मैं इस तरह से हासिल करना चाहूंगा
कंटेनर मोबाइल पर पूरी चौड़ाई है और क्षैतिज रूप से स्क्रॉल करने के लिए अक्षम है
यहां कोड है:
<meta name="viewport" content="width=device-width, initial-scale=0.5">
और बीच में स्क्रॉल करें
scrollTo(($(document).width() - $(window).width()) / 2, 0);
विंडो के आकार के अनुसार पृष्ठभूमि 1903px पर सेट हो जाती है क्योंकि केंद्र सामग्री को ले जाना नहीं चाहता है
मदद करने के लिए बहुत बहुत धन्यवाद।
उत्तर:
उत्तर № 1 के लिए 1आप अपने लेआउट के साथ कुछ चीजें कर रहे हैंइसके कारण यह जिम्मेदारी से काम नहीं करेगा और व्यूपोर्ट माप शायद बंद हो जाएगा (I don "t के पास यह परीक्षण करने के लिए उचित उपकरण है लेकिन इन चीजों को ठीक करके आपकी समस्या को ठीक करना चाहिए):
आरंभिक पैमाना 1 पर सेट करें। आप इसे 5 के लिए सेट क्यों करते हैं? मैं अपने लेआउट मुद्दों के लिए क्षतिपूर्ति करने की कल्पना करता हूं? कन्टैंट कंटेनर के लिए आपकी स्थिर चौड़ाई ने "इसे उत्तरदायी होने की अनुमति नहीं दी है, जो कि संभवतः आप के खिलाफ लड़ रहे हैं।"
सेट .my_box { अधिकतम-चौड़ाई: 1903px; }
.my_box कंटेनर इनलाइन शैली को बिना किसी पुनरावृत्ति, स्क्रॉल, और केंद्र केंद्र पर सेट किए, फिर पृष्ठभूमि-आकार का उपयोग करें: इसे हमेशा फिट करें:
पृष्ठभूमि: पारदर्शी url ("./ आस्तियों / छवि / bg5.jpg") कोई दोहराए जाने वाले स्क्रॉल केंद्र केंद्र / कवर; पृष्ठभूमि का आकार: कवर; }
- फिर अपने js का परीक्षण करें और आप पाएंगे कि स्क्रॉल करना हैउचित स्थान पर जा रहे हैं, अपने पेज को 1/2 रास्ता नीचे कर रहे हैं, लेकिन आप यह नहीं चाहते हैं, आप चाहते हैं कि यह एक एंकर को स्क्रॉल करें। एंकर (हैश / आईडी) को रखें जहां आप चाहते हैं कि स्क्रॉल करें फिर अपना jQuery सेट करें। पेज लोड होने के बाद वहां जूम करें।
मुझे पता है कि यह कैसे जाता है।