сделать прокрутку страницы, чтобы показать все содержимое элемента div?

Question

Я использую простую функцию переключения javascript, чтобы расширить div, чтобы показать его содержимое.Если элемент div находится внизу экрана, он расширяется, и часть элемента div исчезает с экрана.

Как заставить страницу автоматически прокручиваться вниз, чтобы убедиться, что элемент div находится в поле зрения?

Answer 1

Каждый элемент на вашей странице, включая ваш DIV, будет иметь набор значений смещения относительно документа. Вы можете получить их с помощью метода $.offset(). Это даст вам координаты x и y для элемента на странице.

Существует множество плагинов, которые существуют в дикой природе (например, $.scrollTo() от Ариэля Флезлера), которые анимируют прокрутку вашей страницы для вас и даже делают это с помощью набора предоставленных координат. Вы бы объединили эти два элемента, чтобы автоматизировать прокрутку до координат смещения вашего DIV.

Просто убедитесь, что ваш DIV не выше вашего окна просмотра, иначе вам придется прокручивать еще больше, чтобы увидеть все это.