Sponsored Links |
|
||||
Etwas genauer wäre hilfreich. wir wissen nicht wieviel Wissen du hast und der Code enthält eine Reihe JS Grundlagen, aber auch etwas fortgeschrittenere Techniken, da jetzt bei Null anzufangen wäre sehr umfangreich und eigentlich auch nicht die Aufgabe eines Forums. Du kannst ja mal nach "closures" und "anonyme Funktionen" im zusammenhang mit Javascript suchen. Quellen zu diesen Themen im Internet sind sehr zahlreich.
|
Sponsored Links |
|
||||
Zitat:
|
|
||||
Du kannst in das Element mit der Klasse status oder progress weitere Element packen (im HTML). In der Funktion updateReadProgress kannst du dann zum Beispiel eine Klasse setzen wenn % > 0 ist und anhand der Klasse den Fortschrittsbalken aufklappen und zusätzliche Infos anzeigen.
|
|
||||
Hey,
ich habe mich wegen dem ausklappen mal ein wenig selbst versucht, ich habe jetzt allerdings Probleme den Text, unter 20% auf "hidden" zu bringen und das ausklappen, läuft irgendwie noch nicht so schön über, kann man da irgendwie noch einen kleinen Effekt einbauen? Evtl. könnte man den Code auch noch optimieren, wie gesagt, bin Anfänger! JSFiddle | ScrollStatus
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981
Geändert von ned.design (29.02.2016 um 16:52 Uhr) Grund: Link zum Code eingefügt |
|
||||
Ich würde möglichst keine Werte direkt mit Javascript setzen. Beim Fortschrittsbalken geht es nicht anders, aber für das Einblenden kannst du wunderbar eine Klasse setzen und dann auch die Animationen schön per CSS lösen, zum Beispiel so:
https://jsfiddle.net/ezw7t1rv/2/ |
|
||||
Zitat:
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981
|
|
|||
Hier ein kleines Beispiel:
Scroll Percentage
__________________
I ♥ Webdesign |
Stichwörter |
javascript, scroll |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Var_Dump problem | PHP-Freak | Serveradministration und serverseitige Scripte | 6 | 04.09.2013 13:29 |
CMS - Artikel eines Autors ändern | laborix | Offtopic | 9 | 29.10.2012 23:31 |
Artikel: "Barrierefreie Webseiten gestalten" | kadees | (X)HTML | 3 | 15.01.2012 23:05 |
In Detailansicht leere Felder anzeigen lassen oder nicht? | xenia | (X)HTML | 3 | 22.07.2011 11:51 |
Webseiten sind keine Gemälde | Artikel im PHP-Magazin | ulle | Ressourcen | 0 | 28.07.2005 10:58 |