Skrollr Перезагружается при изменении ширины экрана

Мои анимации прокрутки работают, если я не нахожусь на половине пути на странице и не изменяю ширину экрана. Затем анимации skrollr перезапускаются, как если бы середина теперь была вершиной. Я должен обновить страницу в верхней части экрана, чтобы исправить ее, или анимация не начнется, пока я не удалю последний известный «верх».Skrollr Перезагружается при изменении ширины экрана

Вот мой код:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

<meta name="viewport" content="width=device-width; initial-scale=1.0;maximum-scale=1.0; user-scalable=0;" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

<title>Template</title> 



<link rel="stylesheet" href="../CSS/Services/Services.css"> 
<link rel="stylesheet" href="../CSS/ParentHF.css"> 









<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery- mousewheel/3.0.6/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="../js/jquery.simplr.smoothscroll.js" type="text/javascript" charset="utf-8"></script> 

<script type="text/javascript" charset="utf-8"> 


$(function() { 
    $.srSmoothscroll() 
}) 
</script> 
<!-- TemplateEndEditable --> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

</head> 

<body> 

<script src="../js/jquery.js" type="text/javascript"></script> 
<script src="../js/jquery.touchSwipe.min.js"></script> 








    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">  </script> 
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> 
    <script src="../js/enquire.min.js"></script> 
    <script src="../js/skrollr.js"></script> 
    <script src="../js/_main.js"></script> 


    <script type="text/javascript"> 
// disable skrollr if using handheld device 
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
    skrollr.init().destroy(); 
}//execute function 
    </script> 





     <script type="text/javascript">  
    $(window).load(function() { 
$(".loader-wrap").fadeOut("slow"); 
}) 
</script> 




    <script> 
$(window).load(function(){ 

var s = skrollr.init(); 

}); //closes window load function 
</script> 






</body> 


</html>

источник

2015-09-05 drew

генерируемый Ваш HTML на стороне сервера? Я не вижу никакой структуры в '' – zer00ne

Нет, я удалил Html, так как у меня есть много скриптов, чтобы просмотреть – drew

Нет, я удалил его, поскольку у меня есть много скриптов для просмотра через i, и я сильно чувствую его внутри их ошибка. его настолько расстраивает <:(я сделал такие сложные сайты scrollr и его питти, что каждый раз, когда размер экрана настраивается, анимация скроллера перезапускается. Поэтому, чтобы исправить проблему, я должен прокрутить назад вверх и обновить. Темное исправление, которое я нашел чтобы вызвать верхний индекс прокрутки, поэтому, когда вы нажимаете кнопку «Назад», вы не заканчиваете, где бы вы ни остановились, со всеми анимациями, думающими о вас наверху. – drew

Попробуйте

$(window).resize(function(){ 

    var s = skrollr.refresh(); 

}); //close window resize

источник

2015-09-05 14:11:42 coopersita

Я добавил это ко дню непосредственно перед закрывающим тегом тела. Не работай, но большое вам спасибо за помощь. – drew

Skrollr Перезагружается при изменении ширины экрана

ответ

Смежные вопросы