2016-09-08 13 views
1

このプラグインを使用してページを更新するには問題ありませんが、ページが上部にスクロールされると「TOP = 0」が表示され、クリックして1pxでスクロールします。あなたは、ブラウザを実行する必要があります。画像は問題がよりよくここ enter image description hereマテリアルリフレッシュのクリックイベントが機能しない

テストコード

var opts_stream = { 
 
     nav: '.page_header', 
 
     scrollEl: '.page_content', 
 
     onBegin: function() { 
 
      console.log("start"); 
 
     }, 
 
     onEnd: function() { 
 
      console.log("Done"); 
 
     } 
 
    }; 
 
    mRefresh(opts_stream);
 .page_header { 
 
      width: 100%; 
 
      height: 100px; 
 
      background-color: red; 
 
      text-align: center; 
 
     } 
 

 
     .page_content { 
 
      width: 100%; 
 
      height: 1200px; 
 
      background-color: rgb(190, 190, 190); 
 
      text-align: center; 
 
     }
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>sdasd</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 
    <link href="https://github.com/lightningtgc/material-refresh/blob/master/src/css/material-refresh.styl"> 
 
    <script src="https://raw.githubusercontent.com/lightningtgc/material-refresh/master/src/js/main.js"></script> 
 
</head> 
 

 
<body> 
 
    <div class="page_header"> 
 
     Header 
 
    </div> 
 
    <div class="page_content"> 
 
     <button type="button" name="button" onclick="alert('test');">Test Button</button> 
 
    </div> 
 
</body> 
 

 

 
</html>

NOTE enplaneこのプラグインを実行するためにクロムコンソールからのモバイル気分で

答えて

1

行304のtouchEnd関数でmaterial-refresh.js remove e.preventDefault(); :)

関連する問題