Druckbare Version
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!
Wenn du das Modul ow_SmoothScrollToTop verwendest, kannst du das in den Moduleinstellungen angeben.
super, danke für den Tipp.Zitat:
Zitat von Tim G
dies ist wirklich nicht schlecht. Probiere das auch gleich mal aus.Zitat:
Zitat von Kahmoon
Danke für deinen Tipp
ist das ein mootool Script? Ich habs jedenfalls nicht im meiner Installation.Zitat:
Zitat von Kahmoon
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.
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
Hallo Bennie,
mein #header ist 150px hoch.Code:#container {margin-top: 130px;} heißt meine Lösung :)
Irgendwo hier habe ich das Beispiel von Tim gesehen:
wobei ich mich frage, warum es doppelte Angaben gibt u. ob die sich nicht stören?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}
});
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 :D
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 ;)
verstehe ich nicht!Zitat:
Zitat von Bennie
In der Version steht:
Eigene Layoutbereiche
Keine Einträge gefunden.
Trotzdem wird <div id="header2"> im FE ausgegeben!
vielleicht #header2 mal löschen!!! :DZitat:
Zitat von Bennie