Как отключить анимацию при загрузке страницы с помощью Framework7 (2.0.10)

В версии 1.4.0 для этой цели был специальный класс «без анимации», как вы можете видеть в исходном коде (framework7.js).

var animatePages;
if (typeof clickedData.animatePages !== 'undefined') {
    animatePages = clickedData.animatePages;
}
else {
    if (clicked.hasClass('with-animation')) animatePages = true;
    if (clicked.hasClass('no-animation')) animatePages = false;
}

Но в последней версии Framework7 (2.0.10) больше нет упоминания об этом классе. Как тогда отключить анимацию?


html-framework-7
person Kr1    schedule 21.02.2018    source источник

Ответы (3)


arrow_upward
3
arrow_downward

Вы можете отключить при инициализации framework7 в файле js.

var app = new Framework7({
  view: {
      animate : false,
  }
});

Это отключает анимацию страницы на всех страницах.

person prasanna puttaswamy    schedule 26.02.2018

arrow_upward
1
arrow_downward

В v2 вы должны передать логическое свойство (animate) в параметры маршрута. Для этого есть ссылка на документацию.

If you want to disable all pages animation, add property in default route : 




route: [ //определения маршрутов ..., { path: '(.*)', animate: false } ]

person Djiggy    schedule 22.02.2018
comment
Я видел что-то подобное в исходном коде и уже пробовал это решение, но оно не работало. Я попробую еще раз (на данный момент я, наконец, отключил анимацию непосредственно в исходном коде). Спасибо - person Kr1; 22.02.2018
comment
Странно... Использовали ли вы параметры маршрутов по умолчанию (путь: '(.*)')? - person Djiggy; 22.02.2018

arrow_upward
0
arrow_downward

приведенная выше информация является точной, хотя это отключает только переход анимации страницы. скажем, когда вы переходите со страницы X на Y, анимация не отображается. Однако, чтобы отключить любую анимацию, длительность слайда боковой панели, исчезновение / исчезновение диалогового окна и т. Д.

чтобы удалить всю анимацию, это двухэтапная операция

сначала объявите новый класс в вашем CSS

/* Reduce animation duration to a bare minimum. */
/* we've found that there is dialog stuck here and there when put it to 0ms */
.animation-desactivee * {
    -webkit-transition: 10ms !important;
    -moz-transition: 10ms !important;
    -o-transition: 10ms !important;
    -ms-transition: 10ms !important;
    transition: 10ms !important;
}

то вы должны добавить этот класс в свое приложение:

this.f7animation = environment.animate;
if (!this.f7animation) {
    this.f7App.app.root.addClass("animation-desactivee");
}
person legrandmawak    schedule 31.08.2018