Langsam Scrollen
als Präsentation ▻ToDo fertig stellen
Wenn ein “interner” Link, ein Link zu einer Textmarke in derselben Seite, angeklickt wird, dann soll das Fenster langsam zur Zielposition scrollen.
▻Interne Links mit Hash
<nav>
<li><a href="#hero">Home</a></li>
<li><a href="#menu">Speisekarte</a></li>
<li><a href="#order">Online Bestellen</a></li>
<li><a href="#guest">Gästebuch</a></li>
<li><a href="#newsletter">Newsletter</a></li>
<li><a href="#contact">Kontakt</a></li>
</nav>
....
<section id="order">
....
<footer id="contact">
▻
Normalen Link verhindern
$("a").on('click', function(event) { if (this.hash !== "") { event.preventDefault(); var hash = this.hash; // z.B. '#order' ... } });
Position der Textmarke errechnen
$(hash).offset().top
Animation des Fensters
$("html,body").animate({scrollTop: pos}, 800);
Kapitel
- Das Web Und Html
- Css
- Css Layout
- Urls
- Formulare
- Javascript Dom
- Jquery
- Kommandozeile
- Git
- Http
- Php Vorbereitung
- Php
- Php Db Lesen
- Session
- Php Db Schreiben
- Php Db Optimierung
- Grafik
- Javascript
- Applied Jquery And Css
- Json
- Xml
- Security
- Injection
- Authentifizierung und Session-Management
- Cross Site Scripting (XSS)
- Unsichere direkte Objektreferenzen
- Sicherheitsrelevante Fehlkonfiguration
- Verlust der Vertraulichkeit sensibler Daten
- Fehlerhafte Autorisierung auf Anwendungsebene
- Cross-Site Request Forgery (CSRF)
- Nutzung von Komponenten mit bekannten Schwachstellen
- Ungeprüfte Um- und Weiterleitungen
- Wordpress
- Apache
- Advanced Javascript
- Qualitaet