Скролл вниз при наведении на блок?

Question

[regaZ]

Прошу помочь!Имеется блок с фиксированной высотой 915px. В нем находятся дочерние блоки, каждый высотой 305px. В родительский контейнер влезают только 6 таких блоков, остальные видны при прокрутке вниз.
Как сделать чтобы при наведении на последние два элемента(или как то снизу), родительский контейнер прокручивался вниз, например на высоту самого этого дочернего блока ну или на 100 px. И это было не один раз , а повторялось, если например навели на последние блоки.

Answer 1

[Valera Dobroman]

div на который наводишь
parent это родитель
mouseover это ивент, когда ты наводишь мышку на ребенка

let parent = document.querySelector(".класс родителя");
let div = document.querySelector(".класс ребенка");
div.addEventListener("mouseover",function(){
  parent.scrollTop = div.scrollHeight;
  
});

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

Comments

[regaZ]

Что то не получается так

[Valera Dobroman]

regaZ, У меня ошибка с точечками, в плане там пробелы лишние, parent .scrollTop, а должно быть
parent.scrollTop, попробуй исправить.И посмотри правильно ли у тебя запрошен элемент:
document.querySelector("может быть класс родителя пишется "." и название класса, а может быть и айди,пишется "#"и название айди");
А остальное должно корректно работать,напиши в чем именно может заключаться проблема.
.А так же вот еще источник:
https://learn.javascript.ru/metrics-window