Как спуститься вниз после нажатия ссылки?

Question

Это веб-страница, над которой я работаю.

http://www.solved.com Что я хочу, когда я нажимаю на «состояние» Пример: CA Я хочу, чтобы страница соскальзывала и показывала результаты. Теперь он показывает результаты, но не скользит вниз.

Answer 1

Изменить состояние ссылки

<a href="#" id="AK">AK</a> 
<a href="#" id="AL">AL</a> 

в

<a href="#can_map" id="AK">AK</a> 
<a href="#can_map" id="AL">AL</a> 

И если вам не нравится, непосредственная свиток взгляните на https://github.com/kswedberg/jquery-smooth-scroll или другие плавные плагины прокрутки.

Answer 2

Используйте a name (или id) и хэш-теги (см http://www.w3schools.com/tags/att_a_name.asp для имен)

Например, есть ссылка калифорнийской быть

<a href="#california">(image)</a> 

и секции имеют

<a name="california">California</a> 

(или предпочтительно)

<a id="california">California</a> 

(Изменить: это простой способ сделать это, используя только встроенную функцию браузера. Если вы хотите использовать JQuery для плавного скольжения, он выглядит как this may be a good script исследовать)

Answer 3

Вы также можете добавить хороший эффект гладкой прокрутки к нему так: Добавить класс в ссылке:

<a href="#can_map" class="anchor_class">Click me</a> 

Затем с JQuery вы можете добавить следующее по щелчку обработчика событий:

$('.anchor_class').click(function(){ 
    href = $(this).attr("href"); 
    $('html,body').animate({scrollTop: $(href).offset().top}; 
    return false; 
});