2016-06-29 14 views
5

मैं टूर दिखाने के लिए अपने पृष्ठ पर इंट्रोजे का उपयोग कर रहा हूं। सामान्य रूप से सब कुछ ठीक काम करता है, लेकिन एक समस्या है:इंट्रोजेएस स्क्रॉलिंग काम नहीं कर रहा है

एक पृष्ठ पर, IntroJS स्क्रॉल करने में सक्षम नहीं है, क्योंकि मेरे पास div की तरह कुछ है, जो div पर स्क्रॉल कर रहा है, इसलिए पूरा पृष्ठ स्क्रॉल नहीं कर रहा है, लेकिन div स्क्रोल करने योग्य है। अब जब मैं उन तत्वों पर दौरे के तत्वों को परिभाषित करता हूं जो वर्तमान में देखने योग्य हैं, सबकुछ ठीक काम करता है, लेकिन यदि आपको div में स्क्रॉल करना होगा, तो यह अब और काम नहीं करेगा (यह वास्तव में पूरे पृष्ठ को स्क्रॉल करने का प्रयास करता है और कहीं नहीं के बीच में कदम से पता चलता

यह कैसे मैं दौरे में परिभाषित किया गया है:।?

this.intro = introJsModule.introJs(); 
    this.intro.setOptions({ 
     steps: [ 
     { 
      intro: "Hello user!" 
     }, 
     { 
      element: '.checkbox', 
      intro: "This is a checkbox" 
     }, 
     { 
      element: '#inputHor1', 
      intro: "This input looks very nice." 
     }, 
     { 
      element: '#anotherID', 
      intro: "This is the first section" 
     } 
     ]}); 
    this.intro.setOption('showStepNumbers', false); 
    } 

    startIntro() { 
    this.intro.start(); 
    } 

वहाँ किसी भी तरह से मुझे लगता है कि ठीक कर सकते हैं है

पुनश्च: मैं क्या मतलब (पर होने मेरी साइट) here जैसा कुछ है। इसलिए दाईं ओर वाले अनुभाग हैं जहां मैं चरणों को परिभाषित करता हूं, और जब वहां होता है इसे स्क्रॉल करने की आवश्यकता काम नहीं करती है। असल में केवल अंतर यह है कि मेरी स्क्रॉलिंग बार "दाएं div" के अंदर भी है, इसलिए मैं समग्र पृष्ठ स्क्रॉल नहीं करता हूं।

उत्तर

2

क्या हम जेएस का उपयोग कर रहे हैं?

अनुमान:

onscroll घटना केवल तभी काम करता है:

  • div अतिप्रवाह है: ऑटो, अतिप्रवाह: स्क्रॉल, अतिप्रवाह-y: स्क्रॉल, आदि
  • div वर्तमान में है स्क्रॉल कर सकते हैं एक दृश्यमान स्क्रॉलबार।
  • माउस आंदोलन वास्तव में स्क्रॉलबार को स्क्रॉल करने का कारण बनता है।

तुम भी onscroll के बजाय onmousewheel घटना का उपयोग कर की कोशिश कर सकते हैं (यदि है कि तुम क्या प्रयोग कर रहे हैं ..)

+0

असल में स्क्रॉल देखें IntroJS में शामिल है, इसलिए यह स्वचालित रूप से स्क्रॉलिंग करता है ... (इसलिए मेरे पास स्क्रॉलिंग के लिए कोई विशेष कोड नहीं है, आप इसे IntroJS कोड में उचित रूप से पा सकते हैं ..)। जब आप कोड (https://github.com/usablica/intro.js/blob/master/intro.js) देखते हैं, तो मुझे केवल 'window.scrollBy()' मिल सकता है .... – user5638730

+0

'window.scrollBy() 'यह इंगित करेगा कि यह विंडो स्क्रॉल द्वारा जा रहा है - एक युक्त' div' नहीं। तो शायद यह आपकी समस्या है। – littlewolf

+0

और क्या कोई आसान तरीका है जिसे मैं IntroJS के सॉरेकोड में बदल सकता हूं? – user5638730

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