Нужна помощь совы Карусель с конкретной миниатюрной точкой [закрыто] ⇐ Jquery

[Anonymous]

Я построил Owlcarousel с миниатюрами под основным контейнером в рядах 2 изображений. Нажав на один из больших пальцев, веб -сайт прокручивается до основного контейнера в соответствующей позиции.
Это прекрасно работает со всеми ноутбуками и настольными компьютерами.
Введите описание изображения здесь < /p>
На iPad в ландшафтном формате, основной контейнер не всегда находится в одном месте, когда нажимает на изображение. Здесь
Я не могу получить его вверху в углу.
Я пробовал много вещей и не могу найти решение.
Мне нужна ваша помощь. />

Код: Выделить всё

function singleGalleryCarousel () {
if ($('.single-gallery-carousel-content-box').length && $('.single-gallery-carousel-thumbnail-box').length) {

var
$sync1 = $(".single-gallery-carousel-content-box"),
$sync2 = $(".single-gallery-carousel-thumbnail-box"),
flag = false,
duration = 500;

$sync1.owlCarousel({ //function carousel main
items: 1,
//margin: 10,
nav: true,
navText: ["
[img]images/Pfeil_left.svg[/img]
","
[img]images/Pfeil_right.svg[/img]
"],
dots: false,
})

$sync2.owlCarousel({ //function for thumbnails carousel
margin: 50,
autoWidth:true,
items: 18,
nav: false,
dots: false,
navText:false,
center: false,
})

.on('click', '.owl-item', function () {
$sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
//$('.gallery-slider_wrapper').css({"position": "absolute"});
//$('.gallery-slider_wrapper').css({'top': 0,});

//$('.gallery-slider_wrapper').css({'margin-top': '0px'});
})

.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = true;
$sync1.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
};
}
singleGalleryCarousel (); //FUNCTION CALLED HERE< /code>
.gallery-slider_wrapper .single-gallery-carousel-thumbnail-box .owl-item:nth-child(2n-1)
{clear:both;}

.gallery-slider_wrapper{
margin-top:0px !important;
border:2px dotted red;
}
.green {border:2px solid green}< /code>
.





[img]images/01.jpg[/img]

some description 1

[img]images/02.jpg[/img]

some description 2





[url=#top]
[img]images/01.jpg[/img]

some description 1

[/url]


[url=#top]
[img]images/02.jpg[/img]

some description 2

[/url]

danke, спасибо

Подробнее здесь: https://stackoverflow.com/questions/796 ... ilposition