change margin每次滑动事件向左

change marginLeft on every swipe event

本文关键字：事件 margin change      更新时间：2023-09-26

我试图在每次滑动时减小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' 
});

试试这个

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

目前，您将每向左平移一次，将margin left设置为200px（因此第一次设置为-200，第二次设置为200，第三次设置为+200，依此类推）

相关文章：