material 刷新点击事件无效

Question

我使用这个插件 material-refresh 来刷新页面，它工作正常但是当页面滚动到顶部时 "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>

注意：您需要从 chrome 控制台运行移动浏览器才能将此插件安装到运行

Answer 1

在material-refresh.js中touchEnd函数的第304行移除e.preventDefault(); :)

material 刷新点击事件无效

material refresh click event not working

javascript

refresh

swipe