2021-10-24 03:35:23
Position Sticky vom bottom aus
Hallo zusammen,
ich habe eine Sidebar, welche ich Scrollen lassen möchte.
Hierzu habe ich folgenden CodePen erstellt: https://codepen.io/JohnHSmith/pen/vYJXELz
Nun, mit dem sticky-element auf "top: 0" funktioniert das hervorragend.
Ich möchte jedoch, dass die Sidebar erst sticken bleibt wenn der untere Rand am Rand des Viewports gerät - also genau umgekehrt wie es bei top ist.
Mit bottom funktioniert das leider nicht.
Kann mir hier jemand einen Grund nennen oder sagen wie ich das ohne JS machen kann, da der Scroll-Eventhandler sehr unperformant ist?
Lösungs Vorschlag von AmdreasB
2021-10-24 03:18:33
Ton abspielen, wenn opacity= 1
Hallo,
ich habe eine Liste auf meiner Homepage und hinter jedem Listeneintrag erscheint nach und nach ein Häkchen. Nun möchte ich jedes Mal, wenn ein Häkchen angezeigt wird, einen kurzen Ton abspielen. Aber leider habe ich keine Ahnung wie ich das machen könnte.. Kann CSS3 das machen? Oder verwende ich JS? Es sollte aber keine „onClick“- oder „onHover“-Funktion sein, da der Sound ja immer dann abgespielt werden soll wenn der Haken dargestellt wurde, d.h. opacity = 1
2021-10-23 20:43:16
mailto - Emailtext vor dem Absenden per JS bearbeiten/verschönern
Hi
ich habe ein Formular mit Input-Feldern, deren Eingaben per Email verschickt werden sollen. Das Formular wird per c# generiert und ist lokal als html verfügbar (hier kein php möglich). Grundsätzlich funktioniert das Ganze.
Die Namen der Felder und deren Inhalte werden jedoch hintereinander im body eingefügt. Der Übersichtlichkeit wegen, sollen diese jedoch zeilenweise im Body stehen. Darüber hinaus soll noch ein kurzer Text angehängt werden. Die Idee wäre es, vor dem submit noch den Body per jQuery zu bearbeiten. Suche hierzu einen Lösungsansatz.
PS: Bei den Versuchen funktionierte eine Parameterlänge von ca. 1000 Zeichen (Outlook). Ist diese Beschränkung vom Emailprogramm abhängig, das mit mailto gestartet wird? Im Internet gibt es Angaben von 255....ca. 2000.
Lösungsvorschlag von AndreasB
2021-10-15 12:22:06
Schnee auf allen Seiten
Lässt es im Browser auf jede Seite schneien
2021-10-13 21:36:59
Sound oder Licht Wecker
Stell dir ein Wecker und lass dich mit Sound oder Licht wecken
2021-10-12 23:14:34
Formulargestaltung
Hallo,
Das Formular soll folgendermaßen aussehen:
- 2 Felder nebeneinander, 2 untereinander (bereits gemacht)
- die Felder sollen ausgerichtet sein (genau untereinander stehen)
- die Beschriftungen sollen über den Feldern stehen
Wie mach ich's?
2021-10-12 23:12:15
div-Elemente einblenden
Hallo,
Ich möchte über ein Dropdown das ausgewählte div-Objekt einblenden und die anderen 2 ausblenden.
Das Grundgerüst habe ich schon, nur weiß ich nicht, wie ich den Rest machen soll.
2021-10-12 23:06:44
counter der Stoppt wenn Fenster verlassen wird
Wie oben beschrieben möchte ich einen Counter laufen lassen, der soll so lange auf oder ab Zählen wie ich auf der Seite bin.
Wenn ich das Fenster verlasse und woanders rum surfe soll der Counter stehen bleiben und erst weiter zählen wenn ich das Fenster wieder betrete.
2021-10-12 22:30:07
Autologin udemy.com
Mit dem Script muss man seine Einlogdaten nicht mehr eingeben und der Login Button wird von alleine geklickt
2021-10-11 14:00:57
Balken Animation
Hallo zusammen,
ich möchte gerne eine div Box animieren und komme nicht ganz zurecht.
Es ist eigentlich ziemlich simpel, ich habe folgende Box:
Der Wert "width" im div-Tag ist variabel und wird aus einer Datenbank ausgelesen.
Jetzt möchte ich, dass dieser "Balken" sobald die Seite, oder die div-Box angezeigt wird, von links nach rechts "vollläuft" auf die 80% an Breite.
Kann mir dabei jemand helfen?
#animiert {
margin: 1rem;
height: 2rem;
background: #004402;
}