2012-08-07 16 views
5

पर काम नहीं कर रहा है, मैं लंबवत और क्षैतिज दिशा में स्क्रॉल कर सकता हूं, लेकिन यह हमेशा शीर्ष बाएं कोने में शुरू होता है। अब मैं व्यूपोर्ट को अपनी कस्टम स्थिति में window.scrollTo या कुछ समकक्ष के साथ सेट करना चाहता हूं। window.scroll बस डेस्कटॉप ब्राउज़र के लिए काम करने लगते हैं।window.scrollTo मेरे वेबपृष्ठ के मेरे मोबाइल दृश्य पर मोबाइल फोन

कोई विचार है कि मैं इसे कैसे हल कर सकता हूं?

+0

कृपया आपकी समस्या के रूप में करने के लिए और अधिक विशिष्ट। 'window.scrollTo (x, y); यदि आपकी सामग्री काफी बड़ी है तो 'पूरी तरह से ठीक काम करता है। –

+0

मेरे डोम इस

अब मैं मोबाइल और डेस्कटॉप browsern में छवि के भीतर स्क्रॉल कर सकते हैं की तरह लग रहा है। लेकिन जब मैं एक अलग स्टार्टपोजिशन, जहां मैं छवि को देखता हूं, मैं खिड़की का उपयोग करने की कोशिश करता हूं। स्क्रॉल करने के लिए (एक्स, वाई); लेकिन यह केवल डेस्कटॉप में काम करता है न कि मोबाइल ब्राउज़र में। – Safari

+0

कृपया एचटीएमएल, सीएसएस और जावास्क्रिप्ट के साथ एक परीक्षण केस पूरा करें। यह जानने के बिना कि आपकी छवि कितनी बड़ी है या आपकी सामग्री के आयाम कितने बड़े हैं, समस्या को हल करने की कोई संभावना नहीं है। –

उत्तर

3

मुझे अंततः यह काम मिल गया।

मैं अतिरिक्त setTimeout सुविधा का इस्तेमाल किया था

setTimeout(window.scrollTo(x,y),100); 
+2

आपको टाइमआउट के बजाए ईवेंट का उपयोग करना चाहिए। उदाहरण के लिए Event.observe (विंडो, 'लोड', फ़ंक्शन() { window.scrollTo (x, x); }) –

+0

सेटटाइमआउट ने मेरे लिए भी यही समस्या तय की है। बहुत अजीब व्यवहार ... – patrickfox

+0

मुझे नहीं लगता कि आपका कोड सही है, वास्तव में window.scrollTo 100ms के बाद नहीं कहा जाएगा लेकिन तुरंत। आपको निम्न का उपयोग करना चाहिए: '' '' ™ जावामार्केटटाइमआउट (फ़ंक्शन() {window.scrollTo (x, y);}, 100); '' ' –

0

जैसा कि मैंने अपनी टिप्पणी में कहा था, यह काम करता है यदि आपकी सामग्री पर्याप्त पर्याप्त है। इसका मतलब व्यूपोर्ट से बड़ा है। विशिष्टताओं को जानने के बिना, क्या आपने व्यूपोर्ट मेटा टैग सेट करना देखा था?

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

अब, अगर आपकी सामग्री div या छवि या जो कुछ भी (iPhone पर 320 डुबकी) व्यूपोर्ट चौड़ाई के आकार से अधिक आप एक्स अक्ष पर स्क्रॉल कर सकते हैं। यद्यपि वाई अक्ष के लिए अलग-अलग मानों के साथ भी यही सच है।

+0

करूँगा मेरे पास पहले से ही मेटा टैग व्यूपोर्ट <मेटा सामग्री = "चौड़ाई = डिवाइस-चौड़ाई, प्रारंभिक-स्केल = 1.0, अधिकतम-स्केल = 1.0, उपयोगकर्ता-स्केलेबल = 0;" नाम = "व्यूपोर्ट" /> मेरे द्वारा उपयोग की जाने वाली छवियां 800x1000 px बड़ी हैं। इसलिए वे व्यूपोर्ट के बाद बड़े हैं, लेकिन फ़ंक्शन स्क्रॉल अभी भी काम नहीं कर रहा है – Safari

+0

देखें, अगर आप पूर्ण संदर्भ नहीं देते हैं तो अनुमान लगाना मुश्किल है;) –

+0

ठीक है। देख। जब मैं अपने वेब पेज के भीतर अपनी तस्वीर ज़ूम करना चाहता हूं, तो मैं बड़े के बड़े संस्करण को लोड करता हूं और फिर मैं तस्वीर की स्थिति चाहता हूं, जहां उपयोगकर्ता पहले से टैब किया था। बिंदु के मूल्य सही हैं। तो मैं उपयोग करता हूं: window.scrollTo (point.x, point.y); InitZoom फ़ंक्शन के भीतर। – Safari

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