Как, нажав на кнопку, проскроллить вниз до определённого блока?

Question

[diku1502]

У меня есть эта кнопка -
Мне нужно при нажатии на неё скроллить к блоку, у которого id="cost".
Это не якоря навигации! Якоря я уже сделал.
Необходим простой скролл при нажатии на кнопку и всё.
Как это сделать?
Нигде не могу найти ответ на вопрос.

Comments

[Антон Литвиненко]

А что же это тогда, как не якорь?

Answer 1

[Александр Епихин]

Можно через scrollIntoView

Answer 2

[Dima Polos]

Если не якорная, то что это? https://developer.mozilla.org/ru/docs/Web/CSS/scro...
А можно как в старину, на jquery анимировать скролл, или даже на ваниле, но сложнее.

$('a[href^="#"]').on('click', function(event) {

    var target = $( $(this).attr('href') );

    if( target.length ) {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 500);
    }

});

Comments

[diku1502]

Якорная, я имею ввиду, что это не ссылки (a) в меню навигации (nav), а что это именно простая функция, ориентированная только на 1 кнопку

[Dima Polos]

diku1502, ну так все равно это ссылка, просто переход по ней происходит через свою логику. Вот можно через css, но не везде работает, а можно jq прикрутить и только на один элемент.

[diku1502]

Dima Polos, Да, вот через js прикрутить к одному элементу мне и нужно!
Если где завалялось, скиньте пожалуйста, а то на сайтах, где я искал, реализация под множество ссылок и из-за этого я не могу разобраться как сделать под один.

[Dima Polos]

diku1502, вон скинул сверху - селектор другой укажите