Ergebnis 1 bis 3 von 3

Thema: Link nach oben dynamisch darstellen

  1. #1
    Alter Contao-Hase
    Registriert seit
    10.04.2011.
    Ort
    Zürich
    Beiträge
    1.123

    Standard Link nach oben dynamisch darstellen

    Hallo zusammen,

    wie kann ich einen "Top"-Link dynamisch darstellen auf jeder Seite? D.h. wenn man etwas nach unten scrollt und nicht mehr ganz oben auf der Page ist, dass dann automatisch ein kleiner Button angezeigt wird, auf welchen man klicken kann, um wieder zurück zum Anfang der Seite zu kommen.

    Als Beispiel habe ich hier http://www.bpong.com/

    Gibt es da Tutorials oder ein Modul? Ich habe es mit diesem Tutorial versucht: http://www.xcreative.de/blog/contao-...einbinden.html
    jedoch wird der link einfach nur link unten im footer angezeigt und wird nicht angezeigt, sobald ich scrolle (http://www.esobp.de/en/home.html, user: test, pw: beerpong)

    kann mir hier jemand helfen?

    Viele Grüsse u danke,
    David

  2. #2
    Alter Contao-Hase
    Registriert seit
    10.04.2011.
    Ort
    Zürich
    Beiträge
    1.123

    Standard

    Habe es nun hinbekommen mit dem Tutorial. Solltet ihr auch Interesse haben:
    Ich musste noch folgendes ändern, damit es wie gewünscht ist:

    Modul anpassen, um die Grafik einzubinden
    Code:
    <div class="top_link">
      <a href="{{env::request}}#top"><img src="/files/esobp/graphics/toplink.png" width="30" height="30" alt="Header" /></a>
    </div>
    CSS-Format
    Code:
    .top_link{ /*hide thumbnails under slider*/ 
    	bottom:0;
    	opacity: 0.9;
    	position: fixed;
    	right: 35px;
    	z-index: 99;
    }
    Viele Grüsse,
    David

  3. #3
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.197
    Partner-ID
    10107

    Standard

    Es funktioniert doch schon. Du musst nur mindestens 200px weit scrollen, dann erscheint der #top link am unteren Rand des Viewports. Vielleicht ist deine Auflösung zu groß und der Inhalt der Website zu wenig, sodass du dies nicht so siehst.

    // ah

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •