Отзывчивая настройка создает проблемы прокрутки страницы

Question

У меня проблемы с карусели CarouFredSel.

У меня есть (высокий) один пейджер с внутренней карусели. Если я прокручу его ниже, любое изменение размера браузера заставит прокручивать страницу примерно на одну страницу (я оцениваю высоту карусели). Я понимаю несколько пикселов twerking, но теперь это около 1000 ...

Проблема в том, что я был бы «прекрасен» с ним, если бы это было только при изменении размера, но эта проблема воспроизводится при достижении нижней части страница на мобильном телефоне, без какого-либо изменения размера, без вращения экрана (на Android, по крайней мере, я не могу проверить iOS прямо сейчас ..). И, как я объяснил, я воспроизвел проблему, слегка изменив размер браузера рабочего стола, достигнув нижней части страницы.

При отключении CarouFredSel проблема исчезает. Он также отключается при отключении отклика на нем.

carouFredSel начинается так:

$("#modeles").carouFredSel({ 
    responsive: true, 
    scroll: { 
     fx: "crossfade", 
     duration: 500 
    }, 
    direction: "left", 
    items: { 
     visible: 1, 
     width: 868 
    }, 
    auto: false 
}, { 
    transition: true 
}); 

Я создал JS fiddle reproducing the issue here.

Answer 1

Хорошо, поэтому я получаю много этих «сложных вещей» и того, что я часто делаю, я поддерживаю его с помощью javascript.

В вашем случае, что является причиной всей проблемы, является Google Maps и содержание iframe более конкретным.

Что бы я делал в вашем случае, о котором работает отлично - я бы установил атрибут положения прокрутки в прокрутке и изменил размер, чтобы получить меня в эту позицию прокрутки.

Тем не менее, мы имеем следующее:

$(window).scroll(function() { 
    $("body").attr("xheight",$(document).scrollTop()); 
}); 

$(window).on("resize", function(e){ 
    e.preventDefault(); 
    $(document).scrollTop($("body").attr("xheight")) 
}); 

И это все, что вам нужно.

Данный пример: jsFiddle