colorbox, in der mobilen Ansicht nicht bis zum Ende scrollbar

[va-mi-zw]

Hallo zusammen,

Die colorbox spinnt in der mobilen Version leider total. Sie lässt sich scrollen, aber die letzten paar Sätze innerhalb der Lightbox werden abgeschnitten, es ist nicht weiter scrollbar.

Das Template der Colorbox wurde wie folgt verändert:

<?php

// Add the colorbox style sheet
$GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css|static';

?>

<script src="<?= TL_ASSETS_URL ?>assets/colorbox/js/colorbox.min.js"></script>
<script>
jQuery(function($) {
$('a[data-lightbox]').map(function() {
$(this).colorbox({
// Put custom options here
close: "",
fixed: true,
iframe: true,
loop: false,
rel: $(this).attr('data-lightbox'),
width: '100%',
maxWidth: '800px',
height: '680px',
});
});
});

</script>

Folgende Anweisungen scheinen bei der Untersuchung in Chrome das Problem zu lösen:

#cboxContent {margin-top:0px;}
und
#boxLoadedContent {height: 100vh;}

Diese neuen Zuweisungen habe ich probiert, in das Template zu integrieren, um die dazugehörige originale CSS Datei zu überschreiben. Aber es tut sich gar nichts. Was mache ich da falsch?

document.getElementById('cboxContent').style.margi nTop = '0px';
document.getElementById('boxLoadedContent').style. height = '100vh';

[mlweb]

Link zur Seite?

[Andreas]

Code hier im Forum bitte in den entsprechenden (oder einen der wenig vorhandenen) Codewrapper setzen.

Wie mlweb schon sagt, benötigt dies einen Link, da man sonst nicht entscheiden kann, ob es ein Bug der Colorbox oder ein fehlerhaftes CSS von Contao oder dir verursacht.

Grundsätzlich kann ich aber schon mal sagen, dass du das CSS nicht mit JS aufsetzen solltest, sondern direkt in dein CSS schreibst. Ich vermute, dass die Colorbox noch gar nicht aufgebaut ist in dem Moment, wo JS versucht dieses Style aufzusetzen.

Du bist dir aber im klaren darüber, dass du dieses angepasste Template nicht mehr für Bilder benutzen kannst? Bzw. dass iframe:true nicht wirklich für die Darstellung von Bildern gedacht ist?