2010-08-04 2 views
1

я следующий вопрос/проблема:Вернуться к началу страницы при нажатии назад

На этой странице http://www.projectyou.gr/gp/?page_id=5 есть 3 вкладки
[Это все по-гречески, но я надеюсь, что вы поймете]
Каждая вкладка содержит ссылки на статьи.
Когда вы нажимаете на статью, а затем нажимаете кнопку «Назад» в браузере, она возвращается на выбранную вкладку И прокручивает выбранную статью.
Насколько мне нравится это поведение, это не то, что я хочу в этом случае.
Я бы хотел, чтобы пользователь, возвращаясь на страницу, всегда переходил на верх.

Каков наилучший способ достичь этого.
Это связано с тем, что я использую вкладки jQuery и код, который у меня есть для возврата к ранее выбранной вкладке, вызывает переход на ранее нажатый якорь ??

Любая помощь будет очень оценена.
Благодаря

+0

что ты говоришь? ... когда я нажимаю вкладку, моя кнопка назад даже не доступна для нажатия ... – Reigel

+0

Нажмите на статью, которая находится внизу страницы. Это приведет вас к другой странице. Если вы нажмете назад, вы вернетесь в нижнюю часть страницы. Я хотел бы предотвратить это и всегда возвращаться к началу страницы. Надеюсь, что помогает. Спасибо за быстрый ответ: _) – ion

+0

теперь, когда я нажимаю кнопку «Назад», он приводит меня на вкладку Εκπαίδευση. Я с тобой в этом? даже если я не был на этой вкладке, прежде чем я нажал ссылку ... – Reigel

ответ

2

как о добавлении что-то такое, как это в ваш документ, готовый обработчик (я понимаю, вы, возможно, уже есть, так что просто прилагая scrollTo может это сделать):

$(document).ready(function() { 
    window.scrollTo(0, 0); 
}); 

как в этом SO question

+0

Это работает, спасибо большое. Просто сделал это. Однако похоже, что он идет вниз, а затем вверх. Есть небольшая латентность ... было бы здорово, если бы мы смогли найти решение, чтобы предотвратить это поведение. Большое спасибо в любом случае – ion

+0

ну ... вместо прокрутки в конце готового обработчика вы можете попробовать и прокрасть его в «нормальный» блок

0

Вы также можете использовать

$("html:not(:animated),body:not(:animated)").animate({ scrollTop: 0}, 500); 

который прокручивает его в анимированный образом, 500 является скорость в миллисекундах

0, как это от верхней части страницы,

, если вы хотите, чтобы перейти к верхней части элемента, который вы могли бы заменить его

var offset = $('element').offset(); 
var top = offset.top; 
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: top}, 500) 

;

Смежные вопросы