Я пытаюсь использовать jquery для прокрутки вниз до #lower div, но по какой-то причине он не работает. Что я делаю не так?

$ (function () {

  $ ('html, body'). animate ({
    scrollTop: $ ("# ниже"). offset (). top;
  }, 0); // конец анимации

}); // конец $ (function ()
# верхний {
  граница: сплошной красный 1px;
  ширина: 100%;
  высота: 100%;
}
#ниже {
  граница: 1 пиксель сплошного синего цвета;
  ширина: 100%;
  высота: 100%;
}


Верхний
Нижний

Ответы (1)

Попробуйте удалить ;: Uncaught SyntaxError: Unexpected token; после $ ("# lower"). Offset (). Top; добавление свойства top к # lower больше, чем window.innerHeight, чтобы обеспечить расстояние просмотра между # upper, # lower элементы

$ (function () {

  $ ('html, body'). animate ({
    scrollTop: $ ("# ниже"). offset (). top
  }, 0); // конец анимации

}); // конец $ (function ()
# верхний {
  граница: сплошной красный 1px;
  ширина: 100%;
  высота: 100%;
}
#ниже {
  верх: 300 пикселей;
  положение: относительное;
  граница: 1 пиксель сплошного синего цвета;
  ширина: 100%;
  высота: 100%;
}


Верхний
Нижний

2022 WebDevInsider