Ngx-drag-scroll: बच्चों के लिए ड्रैग-स्क्रॉल-अक्षम विकल्प

को निर्मित 12 जून 2018 · 25टिप्पणियाँ · स्रोत: bfwg/ngx-drag-scroll

मैं एक सुविधा अनुरोध सबमिट कर रहा हूँ

drag-scroll-disabled विशेषता जैसा कुछ होना अच्छा होगा जो उस तत्व और उसके सभी बच्चों के तत्वों पर ड्रैग स्क्रॉल को अक्षम कर देगा। फिलहाल मैं सफलता के बिना drag-scroll-disabled="BOOL" या drag-scroll-disabled="{{BOOL}}" और mouseenter, mouseleave बनाने के लिए संघर्ष कर रहा हूं।

feature request

स्रोत

CrackerakiUA

सबसे उपयोगी टिप्पणी

हाँ, मैं मूल ऐप को खींचने और स्क्रॉल करने से अक्षम करने के लिए drag-scroll-disabled" attribute in the ड्रैग-स्क्रॉल-आइटम' जोड़ने की सोच रहा हूं। तुम क्या सोचते हो?

bfwg 20 जून 2018

👍2

सभी 25 टिप्पणियाँ

नमस्ते, @CrackerakiUA । क्या आपने [drag-scroll-disabled]="disabled" की कोशिश की है?

bfwg 12 जून 2018

नीचे कोड जोड़ना

 dragScroll drag-scroll-y-disabled='true' snap-disabled='true' [drag-scroll-disabled]="bool"

और बच्चे की जगह पर:

 (mouseenter)="bool=true" (mouseleave)="bool=false"

यह देखने के लिए बूल भी प्रस्तुत कर रहा है कि यह बदल रहा है या नहीं। [drag-scroll-disabled] ऐसा लगता है कि यह प्रारंभ मूल्य पर काम कर रहा है और जब मैं चर बदलता हूं, तो यह नहीं बदलता है। अजीब है क्योंकि आपके उदाहरण में टॉगल काम कर रहा है।

CrackerakiUA 13 जून 2018

यदि मैं गलत हूं तो मुझे सही करों। मूल रूप से, आप drag-scroll-disabled को अक्षम करना चाहते हैं mouseenter , और mouseleave निर्देश कंटेनर में सभी बच्चों के तत्वों के लिए।

bfwg 13 जून 2018

यह सभी बच्चों के तत्वों की तरह नहीं है, किसी भी बच्चे के लिए एक विशेषता जोड़ने के लिए अच्छी सुविधा होगी और उस बच्चे के लिए ड्रैग स्क्रॉल रद्द कर दिया जाएगा (एक तरह से स्टॉपप्रॉपैगेशन काम करता है)। यदि आप मेरा मार्गदर्शन करते हैं, तो मुझे उस सुविधा को लागू करने में प्रसन्नता हो रही है।

CrackerakiUA 13 जून 2018

सैद्धांतिक रूप से यदि मैं आपके डेमो को लागू करता हूं तो इसे अच्छा काम करना चाहिए, लेकिन मेरे मामले में, मेरे पास उस कंटेनर में बहुत सारे तत्व हैं और अक्षम अच्छी तरह से काम नहीं कर रहा है।

CrackerakiUA 13 जून 2018

क्या आपके पास साझा करने के लिए एक कोड स्निपेट है? या क्या आप डेमो ऐप को फोर्क कर सकते हैं और मुझे दिखा सकते हैं कि आपका वास्तव में क्या मतलब है? मुझे कोड या डेमो पढ़ने के साथ उपयोग के मामले को चित्रित करने में कठिनाई हो रही है।

bfwg 13 जून 2018

<div class="container" dragScroll drag-scroll-y-disabled="true" snap-disabled="true">
    <header title="This should drag background">Something is here</header>
    <div drag-scroll-disable title="No drag background">Content</div>
    <div drag-scroll-disable title="No drag background">Content</div>
    <div drag-scroll-disable title="No drag background">Content</div>
    <div drag-scroll-disable title="No drag background">Content</div>
    <div drag-scroll-disable title="No drag background">Content</div>
    <footer title="This should drag background">Something else</footer>
    <!-- everything else should also drag background -->
</div>

कृपया कोड की जांच करें, अगर यह विचार को स्पष्ट नहीं करेगा, तो मैं एक डेमो बनाउंगा।

CrackerakiUA 14 जून 2018

👍1

धन्यवाद @CrackerakiUA , मुझे विचार मिला। मैं जल्द ही संस्करण 2.0.0 को आगे बढ़ाऊंगा जो सभी बच्चों के तत्वों को चिह्नित करने के लिए drag-scroll-item पेश करेगा। 2.0.0 समाप्त होने के बाद, मैं इस सुविधा को ठीक बाद में जोड़ सकता हूं।

bfwg 16 जून 2018

बढ़िया, क्या आप जानते हैं कि वह कब होगा, क्या आपको उस पर किसी मदद की ज़रूरत है?

CrackerakiUA 16 जून 2018

2.0 के लिए पीआर ऊपर है https://github.com/bfwg/ngx-drag-scroll/pull/145। मैं यह सुनिश्चित करने के लिए परीक्षणों का एक समूह कर रहा हूं कि कोई रिग्रेशन नहीं है। यहाँ नया रीडमी है https://github.com/bfwg/ngx-drag-scroll/blob/7592e3b08894ce23347c392c3fb88fc4c545323b/README.md

यह बहुत अच्छा होगा यदि आप उस पीआर को एक रन दे सकें ताकि हम इसे तेजी से जीवित कर सकें। धन्यवाद!

bfwg 17 जून 2018

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

CrackerakiUA 20 जून 2018

bfwg 20 जून 2018

👍2

हैलो, इस पर कोई प्रगति?

CrackerakiUA 30 जन॰ 2019

यह मेरी कार्यशील शाखाओं में से एक पर था और मैं इसके बारे में भूल गया। मैं अपने परिवर्तनों को आगे बढ़ाऊंगा और उम्मीद है कि आज तक इसे प्राप्त कर लूंगा। इसके लिए खेद है

bfwg 30 जन॰ 2019

अच्छा लगता है, धन्यवाद

CrackerakiUA 31 जन॰ 2019

परिवर्तन 7.1.0 में है। आप चाइल्ड एलिमेंट पर 'ड्रैग-डिसेबल' एट्रीब्यूट जोड़ सकते हैं, और यह उस एलिमेंट पर ड्रैगिंग को डिसेबल कर देगा।

bfwg 31 जन॰ 2019

#205 . में हल किया गया

bfwg 31 जन॰ 2019

अरे, मैंने 7.1.0 का परीक्षण किया है और यह काम नहीं कर रहा है :(
मेरा उदाहरण:

<drag-scroll [drag-scroll-y-disabled]="true">
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
</drag-scroll>

CrackerakiUA 2 फ़र॰ 2019

आप कार्य तत्व में drag-scroll-item विशेषता गुम है।

 <drag-scroll [drag-scroll-y-disabled]="true">
    <task drag-scroll-item drag-disabled></task>
    <task drag-scroll-item drag-disabled></task>
    <task drag-scroll-item drag-disabled></task>
    <task drag-scroll-item drag-disabled></task>
    <task drag-scroll-item drag-disabled></task>
    <task drag-scroll-item drag-disabled></task>
</drag-scroll>

bfwg 2 फ़र॰ 2019

काम करने के लिए drag-scroll-item ड्रैग-स्क्रॉल स्टॉप जोड़ने के ठीक बाद। आपके द्वारा जोड़े गए मामले का प्रयास किया और यह भी:

 <drag-scroll [drag-scroll-y-disabled]="true" drag-scroll-item>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
    <task drag-disabled></task>
</drag-scroll>

और अगला परिदृश्य:

<drag-scroll [drag-scroll-y-disabled]="true">
    <ng-container drag-scroll-item>
        <task drag-disabled></task>
        <task drag-disabled></task>
        <task drag-disabled></task>
        <task drag-disabled></task>
        <task drag-disabled></task>
        <task drag-disabled></task>
    </ng-container>
</drag-scroll>

CrackerakiUA 3 फ़र॰ 2019

यह अजीब है। क्या आप डेमो ऐप में पुन: पेश कर सकते हैं क्योंकि यह मेरे लिए ठीक काम कर रहा है।

bfwg 4 फ़र॰ 2019

मैंने आपके उदाहरण का उपयोग किया और नीचे कुछ ऐसा बनाया जो काम नहीं कर रहा है:

<drag-scroll class="demo-one"
  drag-scroll-y-disabled="true"
  scrollbar-hidden="true"
  (dsInitialized)="onDragScrollInitialized()"
  (indexChanged)="onIndexChanged($event)"
  (reachesLeftBound)="leftBoundStat($event)"
  (reachesRightBound)="rightBoundStat($event)"
  (snapAnimationFinished)="onSnapAnimationFinished()"
  #nav
  >
  <ng-container *ngFor="let image of imagelist; let i = index;" drag-scroll-item>
    <img *ngIf="i%2==0" [src]="'assets/img/' + image" (click)="clickItem(image)" title="{{i}}" drag-disabled/>
    <img *ngIf="i%2!=0" [src]="'assets/img/' + image" (click)="clickItem(image)" title="{{i}}"/>
  </ng-container>

</drag-scroll>

वास्तव में drag-scroll-item काम नहीं करता जैसा कि यह माना जाता है, कंटेनर drag-scroll में खींचने की क्षमता है।

CrackerakiUA 4 फ़र॰ 2019

@bfwg क्या मेरा उदाहरण आपके पक्ष में काम कर रहा है?

CrackerakiUA 6 फ़र॰ 2019

@bfwg किसके साथ या क्यों? ड्रैग-स्क्रॉल का उपयोग करके वेबसाइट पर सभी घोस्ट ड्रैग इमेज टाइप एलिमेंट्स को ब्लॉक कर दिया जाता है, मुझे यह नहीं पता कि इसे कैसे ठीक किया जाए

arman2r 3 मार्च 2020

यह समस्या एक डुप्ली है, कृपया मेरी टिप्पणियाँ देखें https://github.com/bfwg/ngx-drag-scroll/issues/223#issuecomment -494259349

मैंने इस मुद्दे को इंगित किया है। @arman2r

bfwg 3 मार्च 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ngx-drag-scroll: बच्चों के लिए ड्रैग-स्क्रॉल-अक्षम विकल्प

सबसे उपयोगी टिप्पणी

सभी 25 टिप्पणियाँ

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