Вопрос о выпуске высоты прокрутки/содержание, получаемое на iPad и сенсорных устройствах

Question

Я боролся с этим на какое-то время. Я использую skrollr на новом сайте, и он отлично работает на рабочем столе. Тем не менее, контент отключается на устройствах ipad и android touch после поворота устройства от пейзажа до портрета или наоборот. Он очень похож на описанную здесь проблему: Skrollr cutoff on iPad, но решение, которое они рекомендовали, не устраняет проблему для меня.

Это может быть исправлено путем добавления отступов к нижней части div div skrollr, но требуемое количество изменяется между портретным и ландшафтным. Кажется, что страница нуждается в обновлении, когда это изменилось, поэтому запросы CSS и медиа не режут меня для меня в то время.

Любые идеи? На самом деле рыть Skrollr в противном случае, но это сводит меня с ума.

Вот ссылка для просмотра: http://rweststaging.com/stackoverflow/test.php

Вот основной код:

// Top fixed section 
<div id="animation" 
data-0p="position:fixed; top:0%;" 
data-100p="position:fixed; top:0%;" 
data-120p="position:fixed; top:0%;" 
data-210p="position:fixed; top:-130%; opacity:1; display:block;" 
data-220p="opacity:0; display:none;" 
> 
</div> 

//lower content section 
<div id="skrollr-body" 
style="position: absolute; top: 220%; width: 100%;" 
data-top="" data-bottom="" 
> 
    //content sections go here 
</div> // end skrollr body 

//skroller init 
skroll = skrollr.init({ 
    // mobileCheck:function(){return false;}, 
    forceHeight:false, 
    smoothScrolling: true, 
    smoothScrollingDuration: 600 
}); 

Answer 1

Я испытал проблемы сдачи, не имея DIV # skrollr тела независимой (как это наследует новая функция при обнаружении мобильных устройств).

Так попробуйте упаковку вашего # skrollr тело DIV вокруг DIV с разделами -

// Top fixed section ... 

<div id="skrollr-body" style=""> // no styles 
    <div class="nonfixed" style="position:absolute; top:220%; width:100%;"> 
    // all non-fixed elements 
    </div> 
</div>