javascript: scrollTo по клику не работает после slideToggle

182
19 июля 2018, 17:00
  1. Элемент id=before по клику исчезает, но открывает id=hiddencontent под ним.
  2. В самом hiddencontent есть элемент id=after, по клику закрывающий hiddencontent и открывающий обратно id=before, закрытый пунктом 1.

Для второго действия хочу добавить также прокрутку наверх, к элементу id=sometopid, а то после исчезновения hiddencontent оказываемся в случайной точке по вертикали страницы, что неправильно.

Подключён https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js

 $("#before").click(function () {
     $("#hiddencontent").stop().slideToggle();
     $("#beforecontainer").stop().slideToggle();
     return false;
 });
 $("#after").click(function () {
     $("#hiddencontent").stop().slideToggle();
     $("#beforecontainer").stop().slideToggle();
     $.scrollTo($('#sometopid'), 1000);
     return false;
 });

Куда копать? Всё хорошо, кроме scrollTo

Answer 1

scrollTo это метод window а не jQuery. Вот так реализовывайте.

 $("#before").click(function () {
     $("#hiddencontent").stop().slideToggle();
     $("#beforecontainer").stop().slideToggle();
     return false;
 });
 $("#after").click(function () {
     $("#hiddencontent").stop().slideToggle();
     $("#beforecontainer").stop().slideToggle();
     $('html, body').animate({
        scrollTop: $("#sometopid").offset().top
     }, 1000);
     return false;
 });
READ ALSO
Что означает \ в строке JavaScript?

Что означает \ в строке JavaScript?

Что означает "\" в строке JavaScript перед символами? И как его правильно использовать?

174
Скрипт проверки формы , перед отправкой

Скрипт проверки формы , перед отправкой

скрипт, проверяет инпуты перед отправкой формы, и придает им класс error, подскажите как отредактировать чтобы этот класс добавлялся еще в блокerror-text

206
Как исправить баг анимации у Isotope filter?

Как исправить баг анимации у Isotope filter?

Недавно начал пользоваться Isotope filter для фильтрации каталогаНо когда попытался добавить к нему transition c border и transform, при переключении фильтра...

194
Как сделать такую функцию vuejs?

Как сделать такую функцию vuejs?

На странице есть иконка, при наведение на нее, она исчезает и вместо нее появляется input:

187