Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.10.2020, 17:06
Новичок на форуме
Отправить личное сообщение для 3emik Посмотреть профиль Найти все сообщения от 3emik
 
Регистрация: 04.10.2020
Сообщений: 2

Как прокрутить страницу на 50px вверх после перехода по ссылке с якорем?
Всем добрый день
Есть страничка сайта, там расположено 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)

Заранее всем благодарен

Последний раз редактировалось 3emik, 04.10.2020 в 17:39.
Ответить с цитированием
  #2 (permalink)  
Старый 04.10.2020, 21:26
Новичок на форуме
Отправить личное сообщение для 3emik Посмотреть профиль Найти все сообщения от 3emik
 
Регистрация: 04.10.2020
Сообщений: 2

Решено добавлением кода
$('html,body').animate({ scrollTop: $(this).offset().top - 100 }, 500);
7й строкой
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать пункт в выпадающем списке по умолчанию, после перехода по ссылке? Damian Элементы интерфейса 18 24.09.2012 18:17
как сделать, что бы див оставался на месте после перехода на следующую страницу? OklickSpb Общие вопросы Javascript 4 15.03.2012 22:02
После перехода на IE 9 javascript перестал работать как требуется javascript_pupil Общие вопросы Javascript 2 04.10.2011 11:19
Как передать переменную по ссылке на другую страницу сайта. Alekc Общие вопросы Javascript 6 01.12.2010 21:32
Как передать значение по ссылке на другую страницу сайта Rollo Общие вопросы Javascript 7 18.10.2010 15:02