0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 499 Просмотров
*

fireman

  • Захожу иногда
  • 338
  • 10 / 0
  • в цель...
Доброго времени суток?
На странице есть аккордеон (если важно то это SP Accordion module). При раскрытии пункта аккордеона поле с содержимым раскрывается естественно вниз и частично уходит за пределы экрана. А можно ли сделать так, чтобы вся страница отыграла вверх, отцентрировав раскрытое поле?

Вот на этой странице хорошо представлен данный эффект.
http://www.tecsa.ru/catalog/equipment/kolerovochnoe-oborudovanie/

Буду признателен за ответы по делу!
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
в вашем примере на клик на заголовок аккордеона повешена js-функция, которая это делает, разберите ее и примените под себя
Код: javascript
function() {
  var $this = $(this),
    parentNode = $this.closest('li');
  if ($this.hasClass('active')) {
    $this.siblings('ul').slideUp(duration);
    $this.removeClass('active');
    parentNode.removeClass('active');
    $.removeCookie('rootSectionID');
  } else {
    var deactiveEl = $this.closest('li').siblings();
    $this.siblings('ul').slideDown(duration, function() {
      $('html, body').animate({
        scrollTop: parseInt($this.offset().top) - 50
      }, 500);
    });
    $this.addClass('active');
    parentNode.addClass('active');

    deactiveEl.children('ul').slideUp(duration);
    deactiveEl.children('.toggle').removeClass('active');

    $.cookie('rootSectionID', parentNode.data('section'), {
      expires: 7
    });
  }
}
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
вам должен быть интересен именно этот момент:
Код: javascript
      $('html, body').animate({
        scrollTop: parseInt($this.offset().top) - 50
      }, 500);
*

fireman

  • Захожу иногда
  • 338
  • 10 / 0
  • в цель...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Сохранить не удалось из-за ошибки: Содержимое превышает допустимые лимиты

Автор R31rus

Ответов: 21
Просмотров: 3236
Последний ответ 27.03.2024, 16:46:13
от Gorilla
Не могу обновить контент на странице

Автор Aleksey G

Ответов: 10
Просмотров: 489
Последний ответ 02.01.2024, 22:11:43
от Aleksey G
Содержимое над меню off canvas на мобильном устройстве

Автор tyllyp

Ответов: 1
Просмотров: 1155
Последний ответ 13.08.2023, 00:19:56
от R31rus
ajax загрузка компонента на странице материала К2

Автор Divn

Ответов: 0
Просмотров: 520
Последний ответ 13.01.2023, 15:05:52
от Divn
Не работает поиск на странице поиска

Автор web_signal

Ответов: 15
Просмотров: 634
Последний ответ 31.08.2022, 11:52:46
от sivers