Ngx-drag-scroll: ड्रैग स्क्रॉल मोबाइल व्यू में काम नहीं कर रहा है

#20 . से संबंधित है

पीआर तैयार है, मैं बस फिर से कोड की समीक्षा करने जा रहा हूं और एक नया संस्करण आगे बढ़ाऊंगा। अगर आपको लगता है कि पीआर कोड में कुछ गड़बड़ है तो बेझिझक कोई भी कमेंट करें। @suresh2018 @nachocoig.

1.3.7 बाहर है। मुझे बताएं कि क्या इससे आपके लिए समस्या का समाधान नहीं होता है, आपके रोगी के लिए फिर से धन्यवाद।

@bfwg

1.3.6 ने क्लिक कैंसिल एरर दिखाया लेकिन 1.3.7 ने यह एरर नहीं दिखाया।
यह संस्करण मोबाइल में काम नहीं करने वाले स्क्रॉल को भी खींचता है।

अग्रिम में धन्यवाद

काम नहीं 1.3.7

@ सुरेश2018 यह मेरे लिए काम कर रहा है। क्या ड्रैग स्क्रॉल आपके लिए डेस्कटॉप व्यू पर काम कर रहा है?

डेस्कटॉप ठीक काम कर रहा है। लेकिन मोबाइल नहीं (आईफोन 6 प्लस)

अजीब, क्या आप मुझे अपने हिंडोला कोड का एक हिस्सा दिखा सकते हैं? क्या आपने वास्तविक डिवाइस पर कोशिश की है?

*क्षैतिज स्क्रॉल*

div वर्ग = "छिपाने का प्रवाह" ड्रैग-स्क्रॉल

            img *ngFor="let img of pic.images; let idx = index" [src]="img .Image" 
              class="scroll-images"

          div

क्या आप लोगों ने स्पर्श उपकरणों पर ड्रैग-स्क्रॉल डेमो (README.md में) आजमाया है?

@राहिल

डेमो ड्रैग स्क्रॉल काम नहीं करता है टच डिवाइस

@suresh2018 @bfwg मैं अपने आयोनिक 2 प्रोजेक्ट में इस काम का उपयोग कर रहा हूं। स्क्रॉल मेरे लिए ठीक काम करता है, अगर मैं क्रोम देव टूल्स मोबाइल एमुलेटर पर अनुकरण करता हूं, लेकिन मुझे कुछ बड़ी समस्याएं आ रही हैं

1. जिस स्क्रीन पर ड्रैग-स्क्रॉल का उपयोग किया जाता है, उस स्क्रीन पर सभी क्लिक ईवेंट अक्षम कर देता है
   उदाहरण के लिए

<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col>
        <button ion-button (click)="foo()">Click Me!</button>
        <!-- On mobile view click stops working. If I remove [drag-scroll] it starts working again -->
      </ion-col>
      <ion-col>
        <div drag-scroll>
          <!-- *ngFor let item of items (horizontal scroll) -->
          <button ion-button (click)="someFunc()"></button>
          <!-- also click event don't work in mobile view. Fixes if [drag-scroll] is removed! -->
        </div>
      </ion-col>
      <ion-col>
        <button ion-button (click)="bar()">Click Me Again!</button>
        <!-- On mobile view click stops working. If I remove [drag-scroll] it starts working again -->
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

1. [स्क्रॉलबार-हिडन] = "ट्रू" स्क्रीन से संपूर्ण ड्रैग-स्क्रॉल घटक को हटा देता है (आयनिक 2)। "झूठा" नहीं है।

नमस्ते, @rahil051

1. क्लिक ईवेंट फ़ायरिंग नहीं v1.3.7 में तय किया गया है।
2. आपको एक निश्चित विशेषता के लिए या तो scrollbar-hidden="true" या बस scrollbar-hidden लिखना होगा। यदि आप अपने घटक में एक चर के लिए विशेषता को बांधना चाहते हैं, तो आपको वर्ग कोष्ठक का उपयोग करने के लिए [scrollbar-hidden]="flagVariable" नोट लिखना होगा।

अधिक जानकारी के लिए, कृपया चेकआउट करें https://github.com/bfwg/angular2-drag-scroll/blob/master/demo/app/home/home.component.html#L26

@ सुरेश2018 मैं आईफोन 6 प्लस पर टच इश्यू को पुन: पेश करने में विफल रहा। मैं डेमो ऐप पर परीक्षण कर रहा हूं। क्या आप इस रिपॉजिटरी को क्लोन कर सकते हैं और npm install && npm start पोर्ट पर डेमो ऐप शुरू करने के लिए :4200 ? आप क्रोम devtool का उपयोग यह जांचने के लिए कर सकते हैं कि यह आपके लिए काम कर रहा है या नहीं।

हैलो @bfwg , मेरे देर से उत्तर के लिए खेद है (मैं मिनीवैकेशन में था; डी)

मैंने आपके कोणीय घटक डेमो को फिर से स्थापित किया और हाँ, यह मोबाइल संस्करण में काम करता है!
मैंने इसे अपने ऐप में इस्तेमाल करने का भी प्रयास किया है, और यह भी काम करता है!

आपका ध्यान के लिए धन्यवाद!

अच्छा काम!

हाय @bfwg ,

अंत में, मुझे यह मुद्दा मिल गया।
क्षैतिज चौड़ाई निर्धारित करने की आवश्यकता है, तभी यह काम करेगा

धन्यवाद ..

हाय @bfwg ,
अंत में, मुझे यह मुद्दा मिल गया।
क्षैतिज चौड़ाई निर्धारित करने की आवश्यकता है, तभी यह काम करेगा
धन्यवाद

मीठा, खुशी है कि आप लोगों के लिए काम किया। मैं अब इस मुद्दे को सुरक्षित रूप से बंद कर सकता हूं।

इस मुद्दे को फिर से रिपोर्ट करने के लिए धन्यवाद!

अरे, यह अब तक का सबसे अच्छा ng2 हिंडोला पुस्तकालय है! हालांकि, मैं इसे मोबाइल पर काम नहीं कर पा रहा हूं।

• डेमो ऐप डेस्कटॉप और मोबाइल पर ठीक काम करता है
• मेरा कोड केवल डेस्कटॉप पर काम करता है। ड्रैग मोबाइल पर काम नहीं करता

क्षैतिज चौड़ाई निर्धारित करने की आवश्यकता है, तभी यह काम करेगा

मैंने चौड़ाई निर्धारित की है 100% , ड्रैग-स्क्रॉल के बाहर एक रैपर पर और ड्रैग-स्क्रॉल (सभी संभावित संयोजन) के अंदर एक div पर और यह अभी भी काम नहीं कर रहा है।

संपादित करें:
मैंने भंडार को क्लोन किया है, इसे मोबाइल पर तैनात और परीक्षण किया है और यह ठीक काम करता है। मेरे पास home.component जैसा ही html और css है, लेकिन ड्रैग केवल डेस्कटॉप पर काम करता है। मुझे लगता है कि मुझे अपनी परियोजना में कोणीय सामग्री की आवश्यकता नहीं है।

अरे @kzntswsk , प्रतिक्रिया के लिए धन्यवाद। क्या आप https://plnkr.co/ के साथ एक छोटा डेमो बना सकते हैं

अरे @kzntswsk , प्रतिक्रिया के लिए धन्यवाद। क्या आप https://plnkr.co/ के साथ एक छोटा डेमो बना सकते हैं

मैंने भी इसका सामना किया है। मैं अभी plnkr नहीं कर सकता लेकिन ऐसा लगता है कि यह केवल scrollbar-hidden="true" साथ ही करता है जबकि केवल scrollbar-hidden कुछ भी नहीं करता है।

संपादित करें: यदि मैं करने के लिए जाना .drag-scroll-content देव उपकरण में और चयन रद्द करें overflow: hidden auto; इसे ठीक करता है, लेकिन स्क्रॉलबार फिर से दिख रहा है। तो ऐसा लगता है कि मोबाइल के लिए स्क्रॉलबार को छिपाने के लिए इस्तेमाल की जाने वाली विधि के साथ ऐसा करना होगा।

समस्या यह है कि डिवाइस मोड में क्रोम देव टूल्स में ईवेंट सक्रिय नहीं होते हैं