JS Pixel size on mobile?

Question

JavaScript

Hello! The question is this:
using JQuery, I scroll to a certain element in this way, for example:

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

The bottom line is that on some devices it scrolls normally, but on others (like the iphone 6 for example) it scrolls just a little. Moreover, the position value itself differs by an order of magnitude. I tried to multiply by 2.5 for example (I picked it up empirically) - it works, but accordingly it goes too far on other devices.
I understand that it's all about the size of the real pixel? How is it decided?

Answer 1

window.devicePixelRatio try

Answer 2

Try the plugin to scroll - https://github.com/flesler/jquery.scrollTo
And try instead of 'html, body' - document