1
이 플러그인을 사용하여 페이지가 새로 고쳐지지만 페이지가 상단에서 스크롤되면 "TOP = 0"이 표시되지 않습니다. 클릭하면 화재가 발생하고 스크롤하면 1px로 정상적으로 작동합니다. 당신은 브라우저를 실행해야합니다 : 이미지는 문제가 더 나은 여기 재료 새로 고침 클릭 이벤트가 작동하지 않습니다.
테스트 코드
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>
참고 비행기를 타다 모바일 환경에서이 플러그인을 실행하려면