Kiedy klikam ikonę, pojawia się okienko. Zdaję sobie sprawę, że popover ustawia opóźnienie, ale kiedy przewijam, przesuwa się ono również. Jak mogę sprawić, by pozostała tam, gdzie jest ikona i nie będzie działać z przewijaniem?

<md-badge class="current-plan-type__icon--badge" direction="right" [mdPopover]="tootltipTemplate" delay="10000"
popoverTrigger="MouseEnter">
 <i class="cui-icon icon icon-info_16 current-plan-type__icon--info"></i>
</md-badge>
0
user226150 20 listopad 2019, 22:28
Czy możesz udostępnić demo, aby łatwiej Ci pomóc.
 – 
Wandrille
20 listopad 2019, 22:30
stackoverflow.com/questions/13250325/show-hide-div -on-scroll <--najlepsza odpowiedź, ale jak to zrobić Maszynopis (Angular 4+)?
 – 
user226150
20 listopad 2019, 22:48
Czy próbowałeś użyć opcji data-container = "body" lub [container] = "body"? jeśli to nie jest problem, innym rozwiązaniem jest przeniesienie elementu popover do głównego elementu div w templacie lub po prostu wyjście z przewijanego elementu div.
 – 
Abel Valdez
21 listopad 2019, 00:28
Tak, więc nie używam bootstrap, używam innej biblioteki
 – 
user226150
21 listopad 2019, 02:54

1 odpowiedź

Po prostu przenieś szablon podpowiedzi poza przewijalny element DIV, zostanie on nazwany, nawet jeśli nie jest na tym samym poziomie.

Myślę, że masz ten problem: szablon popover wewnątrz przewijalnego div.

<div #root>
   <div #scrolleable>
       <div #tootltipTemplate></div>
   </div> 
</div>

Moja sugestia jest następująca: usunięcie szablonu popover z przewijalnego div.

<div #root>
   <div #scrolleable>       
   </div> 
   <div #tootltipTemplate></div>
</div>

Mam nadzieję, że to zadziała dla ciebie.

0
Abel Valdez 21 listopad 2019, 00:39
To nie zadziałało, potrzebuję takiej odpowiedzi, ale na maszynie: stackoverflow.com/questions/13250325/show-hide-div-on-scroll
 – 
user226150
21 listopad 2019, 02:40