2016-09-08 4 views
1

ich benutze dieses plugin material-refresh um die seite zu aktualisieren es funktioniert gut aber wenn die seite oben gescrollt wird "TOP = 0" klick nicht feuern und wenn ich es runter scrolle 1px ist es normalerweise normal hier Bild enplane das Problem besser enter image description herematerial refresh click event funktioniert nicht

Hier ist der Testcode

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>

Hinweis: Sie müssen Browser ausführen in beweglicher Stimmung von Chrom-Konsole, um dieses Plugin zu

Antwort

1

in Zeile 304 in touchEnd-Funktion in material-refresh.js zu entfernen entfernen e.preventDefault(); :)