Привет!
Хочу чтобы мой слайдер на сайте записывал свойство
transform translate сразу после события
touch...
Пример подобного можно посмотреть
здесь. По ссылке слайдер при движении сразу сохраняет transform
Код такой:
var startY = null;
var deltaY = null;
sliderBox.addEventListener('touchstart', function(e) {
startY = e.targetTouches[0].clientY;
this.addEventListener('touchmove', function(e) {
deltaY = e.targetTouches[0].clientY - startY;
var deltaYabs = Math.abs(deltaY);
console.log(deltaYabs);
sliderBox.style.transfrom = 'translate3d(0px,' + deltaYabs + 'px' + ',0px)'; - истуркция которая не работает
if(Math.abs(deltaY) >= 100) {
console.log('swiped');
sliderBox.style.transfrom = 'translate3d(0px,' + deltaY + 'px' + ',0px)';
if(deltaY<0) {
console.log('you swiped down');
} else {
console.log('you swiped top');
}
}
}, false)
}, false)
Вот эта инструкция не работает
sliderBox.style.transfrom = 'translate3d(0px,' + deltaYabs + 'px' + ',0px)';
Почему не работает инструкция в событии touchstart/touchmove ?
