Mint-ui: loadmore 上拉刷新的问题

Created on 17 Jul 2016 · 5Comments · Source: ElemeFE/mint-ui

因为采用上拉刷新的页面大部分都是可以点击的列表

在上拉刷新的时候上拉手指都会停在屏幕上一段时间这样就很容易触发到页面上的click事件

这样就会很尴尬。。。

希望能不能加个 droping的双向布尔属性告诉我这边是在上拉了我就想办法解绑列表的click属性呢

question

Source

qiansimin88

Most helpful comment

或者是在loadmore组件外层，比方叫.scroll-wrapper，添加touchstart事件，动态添加needsclick样式

document.getElementsByClassName('scroll-wrapper')[0].addEventListener('touchstart', function(event) {
    event.target.classList.add('needsclick');
})

areyouse7en on 29 Aug 2017

👍2

All 5 comments

我试了下在 DEMO 里的上拉刷新貌似没有误触 click 的情况，能否提供个 demo?

QingWei-Li on 18 Jul 2016

@qiansimin88 Hi，你的项目中是否使用了 fastclick？如果使用了，删掉它看看

Leopoldthecoder on 18 Jul 2016

后来解决了嘛？

twoer on 24 Apr 2017

fastclick提供一个needsclick的样式，加了这个就可以恢复原生点击，但是在使用loadmore组件的时候，这个needclick需要加在span.mint-cell-mask上，不能加在外层a标签上。
几经测试，终于解决了这个蛋疼的问题。

this.$nextTick(() => {
    var masks = document.getElementsByClassName('mint-cell-mask')
    for (var i = 0; i < masks.length; i++) {
        masks[i].classList.add('needsclick')
    }
})

areyouse7en on 29 Aug 2017

或者是在loadmore组件外层，比方叫.scroll-wrapper，添加touchstart事件，动态添加needsclick样式

document.getElementsByClassName('scroll-wrapper')[0].addEventListener('touchstart', function(event) {
    event.target.classList.add('needsclick');
})

areyouse7en on 29 Aug 2017

👍2

Was this page helpful?

0 / 5 - 0 ratings