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

fireman

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

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

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

AlekVolsk

  • Гуру
  • 6540
  • 380 / 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

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

fireman

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

https, внешнее содержимое и глюки. Как побороть?

Автор Anvesinus

Ответов: 6
Просмотров: 209
Последний ответ 11.11.2018, 11:32:39
от Anvesinus
Отображение материалов по странице с дублированием

Автор ajustlike

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

Автор katya_borba

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

Автор programmer4neo

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

Автор Олег8

Ответов: 4
Просмотров: 458
Последний ответ 23.03.2018, 19:47:36
от Олег8