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

fireman

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

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

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

AlekVolsk

  • Гуру
  • 6500
  • 374 / 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

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

fireman

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

Отображение материалов по странице с дублированием

Автор ajustlike

Ответов: 2
Просмотров: 100
Последний ответ 19.04.2018, 18:12:24
от ajustlike
Текст на странице съехал вниз

Автор katya_borba

Ответов: 6
Просмотров: 274
Последний ответ 10.04.2018, 13:52:00
от katya_borba
Чудеса на главной странице

Автор programmer4neo

Ответов: 7
Просмотров: 303
Последний ответ 30.03.2018, 11:53:46
от programmer4neo
Изменить номер и почту на главной странице. Joomla 3.6.0 stable

Автор Олег8

Ответов: 4
Просмотров: 381
Последний ответ 23.03.2018, 19:47:36
от Олег8
Изменить номер и почту на главной странице. Joomla 3.6.0 stable

Автор Олег8

Ответов: 1
Просмотров: 250
Последний ответ 23.03.2018, 19:25:46
от Олег8