change marginLeft при каждом событии салфетки

Question

Im пытается уменьшить marginLeft при каждом проведите по экрану, но он работает только в первый раз, тогда marginLeft - -200px, и он не изменяется. Как я могу уменьшить его 200px каждый раз, поэтому первый marginLeft is 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 1-й раз, -200 2-й, -200 на 3 и т. д.)