Popour nie pozostaje, a pozycja pozostaje podczas przewijania stron (kanciasty 4+)

Question 1

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>

html css angular popover

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

Answer

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

Question 2

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

Popour nie pozostaje, a pozycja pozostaje podczas przewijania stron (kanciasty 4+)

1 odpowiedź

Podobne pytania

Powiązane pytania

Nowe pytania

html