Loader saját CSS-el - hogyan kell működésbe léptetni?
Készítettem egy html kódot és hozzá tartozó css-t is, mely úgy működik, ahogyan akarom és elterveztem.
A kérdésem ezzel kapcsolatban az, mivel kezdő vagyok, hogy milyen kóddal tudom azt elérni, hogy az oldal, esetleg galéria betöltődésekor az én általam használt loaded osztályt alkalmazza.
Illetve html-en belül hol érdemes ezt elhelyezni?
<div class="loaded">
<div class="myloader">
<div class="row">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
Köszönöm előre is!
Kedves Valaki12345678,
köszönöm!!!
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
window.onscroll = function(ev) {
if ((window.innerHeight + Math.ceil(window.pageYOffset)) >= document.body.offsetHeight) {
console.log("you're at the bottom of the page");
var div = document.createElement("DIV");
div.setAttribute('class', 'col-md-12');
var textindiv = document.createTextNode("Ez már hozzáfűzve");
div.appendChild(textindiv);
document.getElementById("mydiv").appendChild(div);
}
};
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!