मैं जावास्क्रिप्ट का उपयोग कर एक विंडो में आईफोन फ्लिक/स्क्रॉल इवेंट को फिर से बनाने की कोशिश कर रहा हूं।एक आईफ्रेम/जावास्क्रिप्ट माउस त्वरण में जावास्क्रिप्ट आईफोन स्क्रॉल प्रभाव
JQuery के साथ शुरू, मैं माउस के त्वरण मापने रहा हूँ और क्लिक दौरान ऑफसेट - एक टाइमर का उपयोग रिहाई घटनाओं - खींचें:
var MouseY = {
init: function(context) {
var self = this;
self._context = context || window
self._down = false;
self._now = 0;
self._last = 0;
self._offset = 0;
self._timer = 0;
self._acceleration = 0;
$(self._context).mousedown(function() {self._down = true;});
$(self._context).mouseup(function() {self._down = false;});
$(self._context).mousemove(function(e) {self.move(e);});
},
move: function(e) {
var self = this;
self._timer++;
self._last = self._now;
self._now = e.clientY + window.document.body.scrollTop;
self._offset = self._now - self._last;
self._acceleration = self._offset/self._timer;
},
reset: function() {
this._offset = 0;
this._acceleration = 0;
this._timer = 0;
}
};
$(function() {
MouseY.init();
setInterval(function() {
$('#info').html(
'_acceleration:' + MouseY._acceleration + '<br />' +
'_now:' + MouseY._now + '<br />' +
'_offset:' + MouseY._offset + '<br />' +
'_timer:' + MouseY._timer + '<br />'
);
MouseY.reset();
}, 10);
});
अब समस्या स्क्रीन आंदोलन में कि त्वरण का अनुवाद है - क्या कोई एल्गोरिदम हैं (आसान?) या एनीमेशन पुस्तकालय जो इस पर मेरी मदद कर सकता है? (मैं JQuery के .animate (देखा है), लेकिन मैं कैसे खींचें घटनाओं के दौरान लगातार इसे लागू करने के लिए की अनिश्चित हूँ
अपडेट - यहाँ अंतिम समाधान:
http://johnboxall.github.com/iphone.html
इस एक: http://johnboxall.github.com/iphone .html –