|
|||
Fixed Problem
Hi,
es geht um einen Collapsed Container, egal bei welcher Scrollposition man auf der Seite ist, soll oben im Kopfbereich ein Bereich (Navigator) per Button aufklappen. Der Seitencontent soll dabei fix bleiben (sonst würde man beim öffnen des Collapsed Bereichs wieder zum Anfang der Seite gelangen; das gilt es eben zu vermeiden). Hierzu wird per Klick auf diesen Button dem Content-Bereich ein Style-Attribut hinzugefügt. Der Content dahinter bleibt zunächst auch fix, nur beim schließen des Collapsed Containers gelangt man aktuell doch wieder zum Anfang der Seite. Das Ganze sieht man hier: WordPress-Seite Wie schaffe ich es, beim schließen des Containers nicht an den Anfang der Seite zu gelangen? |
Sponsored Links |
|
|||
Es handelt sich um ein <button> Element.
|
|
|||
Irgendwie geht der Navigator bei mir jedes Mal wieder zu, egal wohin ich klicke. Soll das so sein? Oder nur wenn man auf schließen klickt bzw. auf den Button unten?
Ich denke, dass du im Javascript ein bisschen mit den Selektoren durcheinander kommst, es gibt zum Beispiel diesen Code HTML-Code:
$(window).scroll(function (event) { var x = $(window).scrollTop(); $('.navigator-button').click(function() { /*$('.wrapping').css({'top' : -x + 'px'});*/ $('.wrapping').attr('style', 'top: -' + x + 'px'); }); }); |
|
|||
Irgendwie geht der Navigator bei mir jedes Mal wieder zu, egal wohin ich klicke. Soll das so sein? Oder nur wenn man auf schließen klickt bzw. auf den Button unten?
Letzteres soll richtig sein. Bei dem Code-Snippet ging es erstmal nur darum, den Scrollwert abzufragen, um ihn dem Styleattribut hinzuzufügen. Haut wohl noch nicht ganz hin Hatte auch folgendes probiert: Code:
*$('.wrapping').attr('style', 'top: -' + $(window).scrollTop() + 'px'); Geändert von scorcho (01.09.2017 um 13:00 Uhr) |
|
|||
Ja, du fügst den Wert als inline-Style zu und sorgt damit dafür, dass man nach oben zum Seitenanfang gelangt oder nicht?
Und das ganze triggerst du, sobald man auf navigator-outer klickt. Für mich sieht das falsch aus, du möchtest es ja nur triggern wenn man die entsprechenden Buttons zum schließen klickt? Falls wir uns grad missverstehen - sorry. |
|
|||
Siehst du schon richtig.
Es soll nur der Wert dem inline-style hinzugefügt werden. Und beim schließen soll nur der Container wieder zugehen, mehr nicht. Wie müsste ich den Code anpassen? |
Stichwörter |
css, fixed, scroll, wordpress |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Spry Menu Problem mit Hintergrund bei Mouseover | myron | CSS | 9 | 12.07.2009 14:34 |
fixed header problem im FF und Opera | klingklngeling | CSS | 2 | 30.05.2009 14:25 |
IE 6 und positioning: fixed - Testdatei okay - Gesamtes CSS macht Problem! | MacGerry | CSS | 0 | 28.11.2006 15:22 |
fixed umgehen? | darki777 | CSS | 1 | 30.08.2006 12:05 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 18:39 |