jsfiddle DEMO
Questo è il body
ma si può avere in altri elementi di corso. In questo esempio html
e body
sono con 100% height
e diversi background-color
s, quindi noterete quando trascinate il corpo verso il basso. Il mouse si sposta più in basso di 200px
e la pagina viene ricaricata.
var mouseY = 0;
var startMouseY = 0;
$('body').on('mousedown', function (ev) {
mouseY = ev.pageY;
startMouseY = mouseY;
$(document).mousemove(function (e) {
if (e.pageY > mouseY) {
var d = e.pageY - startMouseY;
console.log("d: " + d);
if (d >= 200)
location.reload();
$('body').css('margin-top', d/4 + 'px');
}
else
$(document).unbind("mousemove");
});
});
$('body').on('mouseup', function() {
$('body').css('margin-top', '0px');
$(document).unbind("mousemove");
});
$('body').on('mouseleave', function() {
$('body').css('margin-top', '0px');
$(document).unbind("mousemove");
});
Hai letto qualcosa a riguardo? Hai provato un altro codice? – Sam