Рассмотрим как программно установить позицию скролла документа ровно в начале нужного вам HTML контейнера.
Чтобы сделать переход плавно, можно использовать функцию jQuery().animate().
Суть процесса такова — вычисляем вертикальную позицию требуемого контейнера и задаём анимацию параметра scrollTop тега html или body.
Для конкретики пусть требуемый контейнер имеет id = myContainer.
|
|
<div id="myContainer"></div> |
Тогда js код, перематывающий документ к его началу, примет следующий вид:
|
|
//scroll to map top jQuery('html, body').animate({ scrollTop: jQuery('#myContainer').offset().top }, 250); |
Время анимации в данном примере 1/4 секунды. Возможно, время следует вычислять, исходя из расстояния, на которое требуется пролистать документ. Можете поэкспериментировать самостоятельно.
Данная запись опубликована в 06.07.2018 16:16 и размещена в рубрике jQuery.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Декабрь 13, 2018 г.
Если пользуетесь jQuery плагином fancybox, то могли сталкиваться с тем, что необходимо увязать логику каких то других скриптов с фактом, показан ли попап ...
Читать
Декабрь 11, 2016 г.
Не ослабевает интерес к вопросу о динамическом создании связанных выпадающих HTML списков. Для двух зависимых списков (я публиковал пример более 5 лет назад!) ситуация простая и понятная, но люди задают вопрос - а как развить пример для вложения 3х списков? ...
Читать
Август 31, 2015 г.
Расскажу про использование техники ajax в рамках движка Drupal. Начнем с теоретических моментов.
Во-первых, чтобы получить какие то данные с веб-сайта под Drupal, нужно чтобы соответствующий адрес существовал на сайте. Во-вторых, нам не хотелось бы ...
Читать
Февраль 17, 2016 г.
За использованием библиотеки jQuery как то забываешь о базовых свойствах и методах DOM в javascript. Как получить весь набор аттрибутов HTML элемента?
Получим ссылку на элемент HTML документа каким либо образом:
[crayon-69d384076973c042405138/] ...
Читать