Scroll to the screen middle if focus in the input

Please login or create account to add a snippet.

Follow @TagMyCode

Language: Javascript

Posted by: Jing Tai Piao

Added: Aug 19, 2013 6:48 AM

Tags: no tags

$('input, select, textarea').on('focus', function() {;
var that = $(this);
$('html, body').animate({
scrollTop: that.offset().top + that.height() / 2 - $(window).height() / 2
}, 2000);
});
$('body,html').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup', function(e) {
if (e.which > 0 || e.type == "mousedown" || e.type == "mousewheel") {
$("html,body").stop();
}
});