Позиция элемента страницы при скроллинге.
 

Всем привет. В одностраничниках при выборе пункта меню страница показывает выбранный элемент начиная с самого верха.

Собственно задача заключается в том чтобы при выборе пункта меню - выбранный элемент показывался не на самом верху, а например прокручивался к примеру еще на 100 пикселей вниз.

Каким образом подобное можно реализовать???

Якорь опустить ниже необходимого места на 100px.

Попробовал несколько способов, но все они некорректно работают.
Тут есть еще нюанс в том, что у меня на сайте плавная прокрутка с помощью кода:

$('.page-link, .mobile-page-link')
	.not('[href="#"]')
	.not('[href="#0"]')
	.click(function(event) {
		if (
			location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
			&& 
			location.hostname == this.hostname
		) {
		var target = $(this.hash);
		target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
		if (target.length) {
			event.preventDefault();
			$('html, body').animate({
				scrollTop: target.offset().top
			}, 1000, function() {
			var $target = $(target);
			$target.focus();
			if ($target.is(":focus")) {
				return false;
			} else {
				$target.attr('tabindex','-1');
				$target.focus();
			};
		});
	}
	}
});

Какие строчки в него добавить чтобы опустить или поднять якорь на 100 пикселей?
Таким образом будет не только плавная прокрутка, но и остановка прокрутки с нужным отступом.
Заранее благодарю за ответы!

в строку 15 в самый конец добавить "+100" или "-100".

Все работает. Благодарю!