Integration Veranstaltungskalender 24.09.2019

Exlsuive für Betriebe aus Bad Birnbach / Bayerbach
Durch die wenigen Zeilen Quellcode binden Sie nathlos den responsiven Bad Birnbacher Kalender in Ihre Homepage ein.
Das Skript passt automatisch die Höhe des iFrames an und scrollt durch das Neuladen an den Anfang.
Mit dem grünen Offset Wert (z.B. "-100") können Sie je Bedarf eine überlappende Navigation ausgleichen.

Für Fragen stehe ich Ihnen jederzeit gerne zur Verfügung.
Florian Kolbinger
Telefon: 08563 9630-42
florian.kolbinger@badbirnbach.de

==================================================

Variante A (scrollIntoView/scrollBy) - pure JS - Empfohlen

<script type="text/javascript" src="https://www.rce-event.de/includes/iframeresize/js/iframeResizer.min.js" charset="utf-8"></script>
<iframe src="https://www.rce-event.de/output.php?id=1217&mode=L&epool=1" scrolling="no" id="rce-event" name="rce-event" style="border: 0px none; width: 100%; min-height: 450px; padding: 0px; margin: 0px; overflow: hidden;"></iframe>
<script>iFrameResize({log:false,resizedCallback: function(){var elmnt = document.getElementById("rce-event");elmnt.scrollIntoView(true);window.scrollBy(0, -100);}});</script>

==================================================

Variante B (scrollTo) - jquery $('iframe') - Achtung bei mehreren iFrames!

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.rce-event.de/includes/iframeresize/js/iframeResizer.min.js" charset="utf-8"></script>
<iframe src="https://www.rce-event.de/output.php?id=1217&mode=L&epool=1" scrolling="no" id="rce-event" name="rce-event" style="border: 0px none; width: 100%; min-height: 450px; padding: 0px; margin: 0px; overflow: hidden;"></iframe>
<script>iFrameResize({log:false,resizedCallback: function(){window.scrollTo({ top: $('iframe').offset().top - 100, left: 0 });}});</script>

==================================================

Variante C (scrollTo/simple Top) - pure JS ohne Korrektur

<script type="text/javascript" src="https://www.rce-event.de/includes/iframeresize/js/iframeResizer.min.js" charset="utf-8"></script>
<iframe src="https://www.rce-event.de/output.php?id=1217&mode=L&epool=1" scrolling="no" id="rce-event" name="rce-event" style="border: 0px none; width: 100%; min-height: 450px; padding: 0px; margin: 0px; overflow: hidden;"></iframe>
<script>iFrameResize({log:false,resizedCallback: function(){window.scrollTo({ top: 0, left: 0 });}});</script>

==================================================

Demo Überschrift "Alle Veranstaltungen" - Für Code nach oben scrollen / hier klicken