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

不，我刪除它，因爲我有很多腳本來查看我，我強烈地感覺到它內他們的錯誤在於。它非常令人沮喪<:(我做了如此複雜的skrollr網站和它的pitty，每次調整屏幕大小時，skroller動畫都會重新啓動，所以爲了解決這個問題我必須回滾到頂部並刷新。就是要求刷新一個滾動頂部，所以當點擊後退按鈕時，你不會停留在所有動畫之上，並認爲你在頂部。 – drew

嘗試

$(window).resize(function(){ 

    var s = skrollr.refresh(); 

}); //close window resize

來源

2015-09-05 14:11:42 coopersita

我在關閉body標籤之前將其添加到底部。沒有用，但非常感謝你的幫助。 – drew

Skrollr在調整屏幕寬度後重新啓動

回答

相關問題