nicht angemeldet
Auf der Homepage meiner künftigen Website soll der Header höher sein als auf den übrigen Seiten. Der Übergang soll fließend erfolgen, innerhalb einer Sekunde.
Ich habe bereits ein fertiges Skript, dass im Zusammenhang mit CSS3-Attributen diesen Übergang anzeigt.
Zum Ausprobieren habe ich zwei HTML-Seiten erstellt, die eine hatte ein div class="homehead", die andere ein div class="head".
Javascript:
querySelector(div.head)
el.className = "head"
Funktioniert auch mit IDs, dann heißt's
querySelector(div#head) und
el.id = "head"
Da ich etwas dynamisches mit Wordpress aufsetzen möchte, frage ich mich nun, wie man die *Kombination* aus Klasse + ID ansprechen muss in Javascript.
Ich habe ein <body class="home">Tag und darin ein <div id="header"> und müsste dies in Javascript entsprechend berücksichtigen.
Ausprobiert habe ich
querySelector(div.home#header), ... (body.home) & (div.header) und
el.className = "home" & el.id = "header"
und verschiedene andere Varianten, leider ohne Erfolg.
querySelector kann schon nicht stimmen, da die Klasse dem Body-Tag zugeordnet ist und nicht dem div - oder ist das im Javascript egal?
Ich denke, es müsste ein "billiges" Syntax-Problem sein (es müssen halt zwei Werte verknüpft werden), nur weiß ich nicht, wo ich das nachschlagen soll.
Danke!
Struppi