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

Question

[Denis R]

Как вернуться на разные якоря, после отправки формы
Метод .done

<section id="about">
  контент
</section>
<section id="questions">
  контент
</section>
<section id="contact">
  контент
</section>

форма вида:

$("#request-form").submit(function() { //Change
	    var th = $(this);
	    $.ajax({
	      type: "POST",
	      url: "mail.php", //Change
	      data: th.serialize()
	    }).done(function(data) {
	      $('.erconts').replaceWith("<div class='thanks'><h5>Спасибо за Ваше обращение</h5></div>");

	      setTimeout(function() {
	        // Done Functions
	        th.trigger("reset");
	        th.slideUp(300);
	        setTimeout( 'location= "./index.php";', 2000 );     
	      });

	    });
	    return false;
	});

Answer 1

[Anton]

setTimeout( 'location= "./index.php#questions";', 2000 );
или
document.getElementById("questions").scrollIntoView();

https://developer.mozilla.org/ru/docs/Web/API/Elem...

Comments

[Denis R]

setTimeout( 'location= "./index.php#questions";', 2000 );
это решение я пробовал, как раз из этого материала
https://developer.mozilla.org/ru/docs/Web/API/Elem...

при первом заходе на страницу, он действительно встает на #questions, срабатывает один раз, прячет .erconts
но второй раз при отправлении формы .erconts не скидывает

__
setTimeout( 'location.hash = "questions";', 2000 );
На это он тоже не скидывает .erconts

намертво прописывая якорь в адресной строке, хотя меню ходит по якорям не прописывая их в адресной стоке

___
document.getElementById("questions").scrollIntoView();
якорь не прописывает намертво. докатывает до нужного места, но .erconts не скрывает

__
пишу в расширении .php - может ли это как то влиять?

[Anton]

ну так и решайте вопрос прчему не заменяется .erconts .

В теории тут нужно менять через innerHtml или если вы фан жеквери то html() а не .replaceWith

Answer 2

[Lynatik001]

var id  = $(this).attr('href'),    -тут надо найти атрибут 
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);

Вот нагуглил. часть кода надо подогнать под себя(найти атрибут)

Comments

[Denis R]

Да и это я находил, и тоже такая же шляпа
доходит до нужного якоря, но не скидывает .erconts