2016-09-08 4 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>

참고 비행기를 타다 모바일 환경에서이 플러그인을 실행하려면

답변

1

행 304에서 material-refresh.js의 touchEnd 함수에서 제거 e.preventDefault(); :)