- AMD Navi Radeon™ RX 6xxx sorozat
- NVIDIA GeForce RTX 4060 / 4070 S/Ti/TiS (AD104/103)
- Milyen asztali médialejátszót?
- Milyen notebookot vegyek?
- Apple notebookok
- Vezetékes FÜLhallgatók
- Xiaomi Pad 6 - kiapadhatatlan jóság
- 2030-tól jöhet el a Hyper-NA EUV berendezések kora
- Milyen billentyűzetet vegyek?
- Plazma TV topic
Hirdetés
-
Három hónap hajlíthatóval (de most macskák helyett Mazdák)
ma Negyedév eltelt, mióta letettem az iPhone-t. Jól bírom, csak egyszer viszketett a bőröm alatt.
-
Olcsó USB WiFi AC adapter
lo Egy olcsó WiFi AC USB adapter jó szolgálatot jelenthet, ha az új router csak elvileg támogatja a 2,4 GHz-es átvitelt.
-
Folytatódik a híres sorozat, érkezik a Farming Simulator 25
gp Idén ősszel visszatérhetünk a virtuális gazdálkodáshoz, novemberben debütál a legújabb epizód.
Új hozzászólás Aktív témák
-
Tatejka84
tag
válasz martonx #15853 üzenetére
Köszi.
Sikerült! Csak a problémám most az, hogy nekem három ilyen animációm van egymás alatt és az alábbi kóddal csak egyet tudok időzíteni.
HTML
<div class="big-number">
<svg class="circle">
<circle class="circle-path first" cx="135" cy="135" r="115"></circle>
</svg>
</div>CSS
.big-number..circle-path.first {
stroke-dasharray: 636.3684;
stroke-dashoffset: 636.3684;
}
.big-number .circle-path.first.animate {
animation: dash 2s linear forwards;
}JQ
var $window = $(window);
var $elem = $(".first")
function isScrolledIntoView($elem, $window) {
var docViewTop = $window.scrollTop();
var docViewBottom = docViewTop + $window.height();
var elemTop = $elem.offset().top;
var elemBottom = elemTop + $elem.height();
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
$(document).on("scroll", function () {
if (isScrolledIntoView($elem, $window)) {
$elem.addClass("animate")
}
});Így működik, de csak mindig csak 1. Ha csinálok a JQ-ban a "first"-t mellett "second"-ot akkor mindig az utolsó fog működni. Nem nagyon értek a javascript-hez , gondolom ez látszik is.
Hogy tudom megcsinálni, hogy mindegyik működjön?
Új hozzászólás Aktív témák
- Nők, nőügyek (18+)
- Mibe tegyem a megtakarításaimat?
- Kávé kezdőknek - amatőr koffeinisták anonim klubja
- AMD Navi Radeon™ RX 6xxx sorozat
- NVIDIA GeForce RTX 4060 / 4070 S/Ti/TiS (AD104/103)
- Óra topik
- Szeged és környéke adok-veszek-beszélgetek
- N€T0X|N: Soyes XS16 mini, Droidos minifon
- Automata kávégépek
- Xbox Series X|S
- További aktív témák...
- Xbox Series S 512GB 12 hónap garanciával, webshoptól! Ajándék VENOM töltővel!
- Xbox Series S 512GB 12 hónap garancia, webshoptól!
- Bomba ár! Lenovo IdeaPad 510-15ISK- i7-6G I 8GB I 128SSD I Nvidia I 15,6" FHD I Cam I W10 I Gari!
- Bomba ár! Fujitsu LifeBook E754 - i5-4GEN I 8GB I 128SSD I 15,6" FHD I HDMI I Cam I W10 I Garancia!
- Bomba ár! Dell Latitude 5400 - i7-8665U I 8GB I 256GB SSD I 14" FHD I Cam I W11 I Garancia!