call now

Skip to main content

To-top Link für TYPO3 mit css und Fluid Templates

Ich möchte einen To-top Button nur mit css gestalten.

Im Fluid Template - bei mir im Partial Header - ist dieser Button eingebunden. Ich verwende fontawesome für die Icons.

<button id="totopBtn" title="nach oben"><a href="#top"><span style="color:#336699" <i class="fas fa-chevron-up"></i></a></button>

Ins CSS dann noch dieses Schnipsel und schon hat man in der rechten unteren Ecke der Seite den Button.

#totopBtn {
 
  position: fixed;
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 15px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: 2px solid #bed262;
  outline: none; /* Remove outline */
  background-color: #fff;
  color: white;
  cursor: pointer;
  padding: 15px;
  font-size: 18px;
}

#totopBtn:hover {
  background-color: #fff;
}

call now