Höhe der Kopfzeile im SmoothSroll anpassen

**louthi** · 10.07.2014, 09:06

Hallo an alle,
sry, kenne mich in Javascript leider gar nicht aus.

Ich möchte das Template "moo_smoothScroll.html5" ändern um den Scrollversatz der Kopfzeile anzupassen.
Ich muss die Höhe der Kopfzeile im Script durch "var offsetY = XXX" ändern, weiß allerdings nicht, wie ich das in das Script schreibe.

Kann mir da jemand helfen?
Danke im Voraus!

**Kahmoon** · 10.07.2014, 12:39

Wenn du das Modul ow_SmoothScrollToTop verwendest, kannst du das in den Moduleinstellungen angeben.

**Tim G** · 10.07.2014, 13:37

https://community.contao.org/de/show...l=1#post267915

**louthi** · 11.07.2014, 07:01

Zitat von Tim G

https://community.contao.org/de/show...l=1#post267915

super, danke für den Tipp.

**louthi** · 11.07.2014, 07:04

Zitat von Kahmoon

Wenn du das Modul ow_SmoothScrollToTop verwendest, kannst du das in den Moduleinstellungen angeben.

dies ist wirklich nicht schlecht. Probiere das auch gleich mal aus.
Danke für deinen Tipp

**andrea$** · 13.08.2014, 19:05

Zitat von Kahmoon

Wenn du das Modul ow_SmoothScrollToTop verwendest, kannst du das in den Moduleinstellungen angeben.

ist das ein mootool Script? Ich habs jedenfalls nicht im meiner Installation.

bei mir ist komischerweise bei der letzten Page ein Abstand zum #header den ich nicht weg bekomme. Alle anderen Seiten schließen exakt oben am #header an.

**Bennie** · 14.08.2014, 07:56

Ja es ist ein mootool Script. Das Problem mit dem Abstand bei der letzten Seite habe ich auch, das ist anscheinend bei der Beispielseite aus dem anderen Thread der oben verlinkt ist auch so.
Ich beschäftige mich erst seit 2 Tagen mit OPW, habe noch nicht rausgefunden wie man das am besten löst.
Das mit dem -offset klappt ja , aber eben nie beim letzten Element

PS:
ah, versuch mal mit der Mindesthöhe für die letzte Seite zu experimentieren, bei mir lies sich das dadurch beheben...

LG
Bennie

**andrea$** · 14.08.2014, 09:29

Hallo Bennie,

Code:

#container {margin-top: 130px;} heißt meine Lösung :)

mein #header ist 150px hoch.

Irgendwo hier habe ich das Beispiel von Tim gesehen:

Code:

var offsetY = 200;

window.addEvent('domready', function() 
{	 
	new Fx.SmoothScroll({ duration: 800 },window);
	
});

var offsetY = 200;
	
	new Fx.SmoothScroll(
	{
	   duration: 800,
	   offset: {'y':-offsetY}
	});

wobei ich mich frage, warum es doppelte Angaben gibt u. ob die sich nicht stören?

Mit welcher Version von OPW arbeitest du? Die Version von Timo hat einen #header2 wo die Navigation liegt. Diesen mysteriösen #header2 findet man nirgends im Backend. Ich habe die Version mehrmals installiert u. während der Arbeit am CSS oder auch am BE verschwindet dieser #header2 irgendwann.
Ich nehme keine Drogen oder arbeite unter Alkoholeinfluss

**Bennie** · 14.08.2014, 10:07

Das mit dem header2 ist doch einfach ein "eigener Layoutbereich", kann man doch im Seitenlayout des Themes einstellen, schau da mal

Ich nutze Version 2.0.0 Build16 und eine frische Cto3.3.4...

Das mit dem #container werde ich mal probieren.., wobei das bei meiner Konstellation wieder Probleme macht.
Muss man halt etwas probieren