Jquery(скрол) в ванильный js?

Question

[Za Za]

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


?как прописать на ванильный жс это

$('.copyring').on('click', function() {  $('html,body').animate({scrollTop:$('.copyring').offset().top+"px"},);
});

без него страница не опускается плавно при открытии дива

Comments

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

Сколько страданий от экономии 90 кило

[Za Za]

Антон Литвиненко, ага ))) но во избежании дальнейших глюков в мультисайтовой сети это наверное правильно
к тому же для чего это нужно изза такой малой функциональности

Answer 1

[profesor08]

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

Comments

[Za Za]

ну и в примере на кодпене это сработало? (там высота блоков не указана в css)
window.scrollTo({
top: 1000,
behavior: "smooth"
});
мне нужно от низа страницы сделать скрол до конца дива, который раздвигается внизу на нужную высоту

[profesor08]

Михаил Лебедев, посчитай `top: низ_дива` и подставь полученное значение. Низ дива это верх дива + высота дива. Математика 2го класса.

[Za Za]

profesor08, f а как посчитать если высота .Низ дива зависит от контента (и изначально не известна) - еще и меняется на ходу в зависимости от того что нажали на странице этих дивов

[Za Za]

profesor08, я что то еще больше запутался
дано
- неизвестная высота body(она меняется в зависимотси от контента и что натыкали в нем)
- 200px нижний див (в идеале мы тоже не знаем сколько он в высоту, контент там тоже генерируется - но пока максимально это 200px) расположен ниже футера

что я должен сказать соседу который в 4 классе чтоб он мне посчитал ?)))

[profesor08]

Михаил Лебедев, выведи в консоль объект дива и посмотри его свойства