JS Размер пикселя на мобильных?

Question

[abusabir]

Здравствуйте! Вопрос такой:
на JQuery делаю прокрутку до определённого элемента таким образом например:

var position = $('#element').offset().top;
$('.btn').click(function(){
	 	$('html, body').animate({ scrollTop: position}, 500);	
 }

Суть в том, что на одних устройствах прокручивается нормально, а на других (как iphone 6 например) совсем чуть-чуть прокручивается. Более того, само значение position отличается на порядок. Пробовал умножать на 2.5 например (опытным путём подобрал) - работает, но соответственно на других устройствах слишком далеко уезжает.
Я так понял, что всё дело в размере реального пикселя? Как решается?

Answer 1

[SagePtr]

window.devicePixelRatio попробуйте

Comments

[abusabir]

пробовал. Что интересно и на 4 и на 6 iphone показывает 2, но вот позицию считает по-другому

Answer 2

[profesor08]

Попробуйте плагином крутить - https://github.com/flesler/jquery.scrollTo

И попробуйте вместо 'html, body' - document

Comments

[abusabir]

так ведь сама position определяется по-другому почему-то.
Например Iphone 3/4 вычисляет 726
А 6-й, galaxy note II показывает 305