Как прокрутить страницу на 50px вверх после перехода по ссылке с якорем?

Question

[3emik]

Есть страничка сайта, там расположено 4 таба (с 2-3 вкладками каждый).
При переходе с других страниц по ссылке с якорем на странице с табами открывается нужная вкладка в нужном табе и прокручивается автоматически до нужного элемента (div с содержанием вкладки) страницы.
Но эта прокрутка осуществляется до верхнего края div'a, и соответственно верхняя часть окна браузера совпадает с верхней границей div'a. И получается, что пропадают вкладки таба и заголовок.

Как подправить скрипт, чтобы автоматически при переходе по ссылкам с якорями с других страниц, после загрузки нужной страницы и автоматической прокрутки к нужному табу происходила еще автоматическая прокрутка на 50px вверх?

Использую такой код:

(function($) {
$(function() {

$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass ('current')
.parents('div.tabs-content').eq(0).find('>div.box').hide().eq($(this) .index()).fadeIn(500).show();
})

var tabIndex = window.location.hash.replace('#tab','')-1;
if (tabIndex != -1) $('ul.tabs li').eq(tabIndex).click();

$('a[href*=#tab]').click(function() {
var tabIndex = $(this).attr('href').replace(/(.*)#tab/, '')-1;
$('ul.tabs li').eq(tabIndex).click();
});
})
})(jQuery)

Answer 1

[Steppp]

Ничего не понятно, но очень интересно)

В верстке сделай дополнительно div с якорем, и на позициях подними div на 50px вверх

Comments

[3emik]

Скрипт делает активными нужные вкладки по якорям.
Соответственно якорь в ссылке уже прописан, и возможности прописать еще один нет

[Steppp]

3emik, У вас есть ссылка с якорем <a href="#block">
есть блок который должна открывать ссылка
<div id="block"></div>
Так вот сделать внутри этого блока

<div style="position: relative">
  <div id"block" style="position: absolute; top: -50px"></div>
</div>

[3emik]

Steppp, Спасибо! Вариант

Answer 2

[3emik]

Вея спасибо! Решил добавлением
$('html,body').animate({ scrollTop: $(this).offset().top - 100 }, 500);
в 7ю строку