Hello There,
I can confirm that this is an issue. This is because the topbar height is not included in the computation of the JS scripts which is why if you noticed that there is a diiference of at least 34 pixels when you scroll to a specific section. To temporarily resolve this, please add this custom JS code
jQuery(function($) {
var $body = $('body');
var adminbarHeight = $('#wpadminbar').outerHeight();
var navbarFixedTopHeight = $('.x-navbar-fixed-top-active .masthead').outerHeight();
var locHash = null;
var dragging = false;
var locHashIndex = location.href.indexOf('#');
if ( -1 !== locHashIndex ) {
locHash = location.href.substr(locHashIndex).split('/')[0];
}
$body.on('touchmove', function() {
dragging = true;
} );
$body.on('touchstart', function() {
dragging = false;
} );
//
// Calculate the offset height for various elements and remove it from
// the element's top offset so that fixed elements don't cover it up.
//
function animateOffset( element, ms, easing ) {
if ( ! element ) {
return;
}
try {
var $el = $(element);
} catch(error) {
// abort on invalid selectors. see #610
return;
}
if ( ! $el || 0 == $el.length ) {
return;
}
$('html, body').animate({
scrollTop: $el.offset().top - adminbarHeight - navbarFixedTopHeight + 1
}, ms, easing);
}
//
// Page load offset (if necessary).
//
$(window).on('load', function() {
animateOffset(locHash, 1, 'linear');
});
//
// Scroll trigger.
//
$('a[href*="#"]').on('touchend click', function(e) {
href = $(this).attr('href');
notComments = href.indexOf('#comments') === -1;
if ( href !== '#' && notComments ) {
var theId = href.split('#').pop();
var $el = $('#' + theId);
if ( $el.length > 0 ) {
e.preventDefault();
if (dragging) {
return;
}
animateOffset($el, 850, 'xEaseInOutExpo');
}
}
});
});
I’ve already submitted this to our issue tracker so the developers will be made aware of it.
Thank you for your understanding.