Scroll к форме по клику на кнопку

[npofopr]

Привет.

Как сделать, чтобы при клике на кнопку Пожаловаться, фокус переходил на форму.

Использовать какие то scrollTo или есть что то проще?

http://codepen.io/npofopr/pen/mdtae

 

Попробовал вот так 

http://www.dconnell.co.uk/blog/index.php/2012/03/12/scroll-to-any-element-using-jquery/

http://stackoverflow.com/questions/6677035/jquery-scroll-to-element

но не получилось.

 

Или не срабатывает, потому что форма скрыта?

Edited May 6, 2014 by npofopr

[Switch74]

странненький сайтек, не привычно. CSS не видно, хтмл вроде получилось норм вид придать в js не увидел перехода к форме только привязка какого-то класса, которого даже нет в css...

[npofopr]

странненький сайтек, не привычно. CSS не видно, хтмл вроде получилось норм вид придать в js не увидел перехода к форме только привязка какого-то класса, которого даже нет в css...

Потому что css берется с другого сайта. Мне просто не хочется выдирать и переносить все стили.

Вообще вот страничка http://shadow.perm.ru/test/pioneer/profile.html

Перехода к форме нет, потому что он и не получается. Выше вставил ссылки, что пробовал.

[Switch74]

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

document.getElementById('b_lk_review-form').scrollIntoView();

[rus]

оно, не?

[npofopr]

оно, не?

Оно.

 

И вот это сработало

$("#b_lk_review-add").click(function() {   $('html, body').animate({       scrollTop: $("#b_lk_review-form").offset().top   }, 200);});

А как еще поднять на 200px выше нужного блока. Т.е. примерно так сделать 

{scrollTop: '+=200px'}

только куда это всунуть.

 

[rus]

я думаю что как-то так:

	$("#b_lk_review-add").click(function() {   $('html, body').animate({       scrollTop: $("#b_lk_review-form").offset().top   }, 200, function() {		Scroll-Top(); // тут вызываешь ф-цию, которая будет делать этот самый сдвиг на 200px вверх});

либо вот ссылка, там найдешь ответ.

[npofopr]

Оказывается все куда проще http://stackoverflow.com/questions/13163794/scroll-to-id-200px