为什么我的scrolltop功能会根据我的位置滚动到页面的不同部分，而只在手机上？

Question

我有一个当一个按钮被点击时滚动到一个元素的函数。问题是这在移动设备上不能正常工作。只有在页面顶部单击按钮时，它才会滚动到正确的位置。但是如果我滚动到任何其他位置，函数就会受到某种影响，页面会滚动到与元素不同的位置。为什么？在台式机上它工作得很好。

我的jquery：

$('.stelsamenknop').click(function(e){
    $('html, body').animate({
        scrollTop: $("#aantalenformaat").offset().top - 20
    }, 1000);
});

如何才能确保无论用户滚动到页面上的哪个位置，它都会滚动到元素aantalenformaat？

按钮html：

<a class="stelsamenknop" href="javascript:void(0);"><i class="pr-1 icon-cart"></i> Stel je product samen</a>

以及页面下方的元素：

<form id="aantalenformaat" method="post">

Answer 1

针对特定的元素，甚至是固定的偏移量，并不适用于所有的屏幕尺寸。除非你接受“足够接近”的方法。考虑到元素高度随屏幕大小的变化以及出现的页边距/填充的任何变化。