Question

我试图在每次滑动时减少marginLeft，但它只在第一次有效时marginLeft为-200px并且它不会改变。如何让它每次减少200px，因此首先marginLeft为0，第二次刷卡-200px累-400px等等？

var visits = document.getElementById('visits');

// create a simple instance
// by default, it only adds horizontal recognizers
var visits = new Hammer(visits);

// listen to events...
visits.on("panleft", function(ev) {
    document.getElementById('visits').style.marginLeft = '-200px' 
});

Answer 1

试试这个

visits.on("panleft", function(ev) {
    var curr = parseInt(document.getElementById('visits').style.marginLeft, 10) || 0;
    document.getElementById('visits').style.marginLeft = (curr - 200) + 'px'; 
});

目前你正在设置每个左边的剩余边距为200px（因此第一次设置为-200，第二次设置为-200，第三次设置为200，依此类推）

在每次滑动事件中更改marginLeft

1 个答案: