我很喜欢this visual effect .我想通过 touchmove 在 iphone 或 ipad 中使用它。谁能帮我解决这个问题?
这是 JS:
$(document).bind('mousemove',function(e){
var docW = $(window).width();
var docH = $(window).height();
var diffX = (docW/2) - e.clientX;
var diffY = (docH/2)-100 - e.clientY;
var dist = distance(docW/2,docH/2, e.clientX, e.clientY);
var distM = distance(docW/2,(docH/2)+60, e.clientX, e.clientY);
// eye
var eye_background = Math.floor( diffX /-30 ) +'px '+ Math.floor( diffY /-30 ) +'px';
var eye_translate = Math.floor(diffX/-50 )+'px, '+ Math.floor(diffY/-100 )+'px';
$(".eye").css({"background-position":eye_background, "-webkit-transform":'translate3d('+eye_translate+',0)',"-moz-transform":'translate('+eye_translate+')',"-o-transform":'translate('+eye_translate+')',"-ms-transform":'translate('+eye_translate+')' });
});
基本上,我的问题是我怎样才能让这个在苹果上工作?
最佳答案
您应该在 mousedown 时启动监听器并在 mouseup 时停止它。
同时,监听器将循环(例如 requestanimationfame 或 setInterval() ) 您的 //eye
方法。
例如,这是 webGL 中的常见过程。 example
关于javascript - 鼠标移动和触摸移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12559858/