mootools smoothScroll für responsive design
Hallo liebe Foren-Gemeinde,
ich nutze die [OnePageWebsite]-Erweiterung für die Umsetzung einer OnePage-Webseite. In dem Foren-Beitrag https://community.contao.org/de/show...rstellen/page3 wurde beschrieben, wie das moo_smoothScroll Template mit einem negativ Offset-Wert ergänzt werden kann, um den Abstand vom oberen Bildschirmrand beim herunterscrollen anzupassen:
Code:
<script type="text/javascript">
/* <![CDATA[ */
/**
* SmoothScroll
*/
window.addEvent('domready', function()
{
var offsetY = 153; /* Abstand in Pixel */
new Fx.SmoothScroll(
{
duration: 800,
offset: {'y':-offsetY}
});
});
/* ]]> */
</script>
Wie muss ich diesen Code anpassen, bzw. einbinden, um je nach Bildschirmbreite den negativ Offset-Wert anzupassen? Dies wird nämlich erforderlich, wenn man bspw. ein feststehendes Navigationsmenü in der linken Spalte hat, das bei einer bestimmten Bildschirmbreite dann über die gesamte Breite am oberen Rand fixiert wird. Also die Desktop-Variante hat ein Navigationsmenü link und der Abstand nach oben beträgt den Wert 0. Die Smartphone-Variante hat ein Navigationsmenü oben fixiert und der Abstand nach oben beträgt sodann den Wert 153.
Leider kenne ich mich mit Mootools nicht aus und habe auch keine für mich schlüssige Lösung gefunden. Einzig unter http://stackoverflow.com/questions/1...mootools-1-4-x habe ich die Kombination von window.addEvent('domready', function() und window.addEvent('resize', function() gefunden. Damit habe ich ein wenig rumprobiert, mir aber immer die smoothScroll-Funktion zerschossen.
Hat jemand eine Idee, wie ich die window.addEvent('resize', function() in die bestehende moo_smoothScroll integriert bekomme? Bin für jede Unterstützung sehr dankbar.