Sticky Element einfügen

02.05.2016 21:51

pragerdesign
#1

Hallo!

Arbeite gerade im Design "Miami" und möchte dort das Logo als Sticky-Element einfügen. Hab schon einiges probiert, leider ohne Erfolg. Irgendwie klappt das mit dem Java einfügen nicht ganz.
Vielleicht kann mir da jemand weiterhelfen...wäre super...

Vielen Dank,
Thomas

Antworten

Beitrag melden

#2

03.05.2016 07:37

CharlieW
#2

CharlieW

Sollte doch mit

1
 
 position:fixed;

mt ein paar Änderungen zu machen sein.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

Antworten

Beitrag melden

#3

03.05.2016 12:51

pragerdesign
#3

pragerdesign

Hi.

Nö. Leider nicht. Das Element (Bild) soll sich nach oben schieben und am oberen Rand fixiert bleiben. Position:fixed hält es ja nur, wo es ist.

Antworten

Beitrag melden

#4

03.05.2016 13:08 (zuletzt bearbeitet: 03.05.2016 13:27)

CharlieW
#4

CharlieW

Kannst dem Bild doch auch neue Abstände geben.
So ungefähr:

1
2
3
4
5
6
7
8
9
10
11
 
.jtpl-header {
    
    z-index: 999;
   
}
 

.jtpl-logo {
position:fixed;
        top:0px;
}
 

Margin nach belieben dann angeben.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

Antworten

Beitrag melden

#5

03.05.2016 13:33

pragerdesign
#5

pragerdesign

Hm. Danke, das probier ich mal.

Antworten

Beitrag melden

#6

03.05.2016 21:47 (zuletzt bearbeitet: 04.05.2016 16:47)

pragerdesign
#6

pragerdesign

Hi,

leider nein.

Egal, was ich versuch. In dem Design bekomm ich gar keine "Extra-Option" hin. Ist sicher ein kleiner dummer Userfehler von mir.
Hab folgendes noch probiert:

Head-Bereich:

1
2
3
4
5
6
7
8
9
10
11
 
<style type="text/css">
/*<![CDATA[*/
   
.sticky {
position: -webkit-sticky;
    top: 250px;
}
    
/*]]>*/
</style>
 
 

Widget/HTML

1
2
3
4
 
<div class="sticky">
    <a href="www.pragerdesign-godspeed.jimdo.com/" target="_blank"><img src=
    "https://image.jimcdn.com/app/cms/image/transf/none/path/s719bd83304a93834/image/icb1039e003c4aa12/version/1462127923/image.png" width="100%" height="100%" alt="Test" /></a>
</div>
 

Antworten

Beitrag melden

#7

04.05.2016 16:51

az_
#7

az_

schau mal hier: http://redesign-designtest.jimdo.com/test

...da ist das sticky.js richtig eingebunden. Vielleicht hilft Dir das.

LG, az

PS: Du bekommst die o.g. Vorlage kostenlos über http://redesign-berlin.de, wenn Du eine Test-Seite über die affiliate-Box auf der Startseite erstellst.

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html