Halli Hallo!
Ich bin auf der Suche nach Hilfe bei einem Problem mit der Fancybox.
Unten ist das Skript, dass ich dazu nutze. Leider funktioniert das Scrollen überall, nur nicht
auf den iOS Geräten. Ich müsste das Fenster also nur für diese Geräte in der Höhe dermaßen stark
verändern, dass ich bei kurzen Texten eine riesige leere Fläche habe. Das sieht sehr unschön aus.
Hat jemand eine Idee für mich?
Vielen Dank im Voraus
http://mr-robot.one/webhosting/spo…eriencamps.html
"Hier klicken für Details" - das sind die Fancyboxen....
</script> <script type="text/javascript">
function init () {
if ($(window).width() <= 950) {
$("a.i--frame").fancybox({
'type' : 'iframe',
'width' : '100%',
'height' : '250%',
'margin' : '20px',
'titleShow': false,
'hideOnContentClick': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'overlayShow' : true,
'overlayColor' : '#000',
'overlayOpacity' : 0.70,
'autoScale' : false,
'scrolling' : 'yes',
'autoCenter' : true,
'centerOnScroll' : true,
'autoDimensions' : false
});
}
else if ($(window).width() <= 1366) {
$("a.i--frame").fancybox({
'type' : 'iframe',
'width' : '70%',
'height' : '70%',
'margin' : '20px',
'titleShow': false,
'hideOnContentClick': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'overlayShow' : true,
'overlayColor' : '#000',
'overlayOpacity' : 0.70,
'autoScale' : false,
'scrolling' : 'yes',
'autoCenter' : true,
'centerOnScroll' : true,
'autoDimensions' : false
});
}
else {
$("a.i--frame").fancybox({
'type' : 'iframe',
'width' : '40%"',
'height' : '40%"',
'titleShow': false,
'hideOnContentClick': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'overlayShow' : true,
'overlayColor' : '#000',
'overlayOpacity' : 0.70,
'autoScale' : false,
'scrolling' : 'yes',
'autoCenter' : true,
'centerOnScroll' : true,
'autoDimensions' : false
});
}
}
$(document).ready(function() {
init();
});
</script>