WebSite X5Help Center

 
Дмитрий Тулупов
Дмитрий Тулупов
User

Как отключить  ru

Автор: Дмитрий Тулупов
Просмотрено 313, Подписчики 2, Размещенный 0  

Добрый день!

Пожалуйста подскажите, как отключить Анимацию для мобильной версии?

Когда установил в "Стиль Полос" - "Фон" - "Анимация", для одной полосы анимацию, там на сайте находиться 4 объекта "Skill Bar", при прокручивании страницы, выявлено явное замедление работы эффекта "Skill Bar" и замедление самой анимации и чувствуется явная нагрузка на мощный смартфон на Android. 

С одной стороны Анимация придала этой полосе сайта некую оживленность, а с другой стороны появилась проблема для просмотра в мобильной версии.

Как отключить анимацию для мобильной версии?

Я считаю, что отключение анимации или остановку движения анимации должна автоматически делать программа.

Получается, что вы добавили эффект в фон, а пользоваться им нет возможности, так как большинство просмотров интернет-страниц сейчас происходит с помощью мобильных устройств.

Возможно нужно тестировать анимации совместно с другими объектами.

Когда страница на высоту экрана и не нужно ее прокручивать, совместно с объектом «Текст», такой проблемы на смартфоне не наблюдается.

Good day!

Please tell me how to disable Animation for the mobile version?

When I set it to "Style of Stripes" - "Background" - "Animation", for one strip of animation, there are 4 "Skill Bar" objects on the site, when scrolling the page, an obvious slowdown of the "Skill Bar" effect and a slowdown of the animation itself are revealed. there is a clear strain on a powerful Android smartphone.

On the one hand, the Animation gave a certain liveliness to this strip of the site, and on the other hand, there was a problem for viewing in the mobile version.

How do I disable animation for the mobile version?

I believe that disabling the animation or stopping the movement of the animation should be done automatically by the program.

It turns out that you have added an effect to the background, but you cannot use it, since most of the Internet page views are now done using mobile devices.

Perhaps you need to test animations in conjunction with other objects.

When the page is at the height of the screen and does not need to be scrolled, together with the "Text" object, this problem is not observed on the smartphone.

Размещено
5 Ответы - 2 Полезно - 1 Корректно
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > Ru) ... попробуйте эту мою идею ...
... вставьте код в этот раздел:
>> Этап 3 - Карта > Окно Свойства страницы > параметры раздела Эксперт | ▪Пользовательский код— > 3-й вариант > Перед закрывающим тегом HEAD:

<style>
@media(max-width:719px){ #imPageRowGraphics_4 {
background-image: url("https://cdn.pixabay.com/photo/2019/02/06/11/17/clouds-3978912_960_720.jpg"); background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position: center center;}
.tsparticles-canvas-el {display:none;}}
</style>

.......................................

... или просто упрощенно:

<style>
@media(max-width:719px){.tsparticles-canvas-el {display:none;}}
</style>

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Дмитрий Тулупов
Дмитрий Тулупов
User
Автор

Благодарю тебя, KolAsim!

Второй вариант подошел идеально.
Объект "Skill Bar" работает без замедлений при прокручивании страницы.
И нет нагрузки на смартфон.
Спасибо большое!

С уважением,
Дмитрий Тулупов.

Grazie KolAsim!

La seconda opzione era perfetta.
La barra delle abilità funziona senza problemi durante lo scorrimento della pagina.
E non c'è carico sullo smartphone.
Molte grazie!

Cordiali saluti,
Dmitry Tulupov.

Читать больше
Размещено От Дмитрий Тулупов
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... С уважением, ...ciao ...wink... 

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Дмитрий Тулупов
Дмитрий Тулупов
User
Автор
 ‪ KolAsim ‪ ‪
... С уважением, ...ciao ......  .

Здравствуйте!

Возможно моя информация поможет другим пользователям и тебе, KolAsim.

В этом коде:

<style>
@media(max-width:719px){.tsparticles-canvas-el {display:none;}}
</style>

я изменил значение 719px на 960px.

Теперь на мобильном телефоне анимация отсутствует как в портретном так и в альбомном варианте просматривания страницы.

Также этот эффект анимации отсутствует на планшете в портретном положении, но присутствует анимация в альбомном положении.

Причина тому, что я поменял значение на 960px - это притормаживание, о котором я писал ранее, присутствует также и на планшете.

Теперь все отлично.

Еще раз большое спасибо.

Ciao!

Forse le mie informazioni aiuteranno altri utenti e te, KolAsim.

In questo codice:

<style>
@media(max-width:719px){.tsparticles-canvas-el {display:none;}}
</style>

ho cambiato il valore da 719px a 960px.

Ora sul cellulare l'animazione è assente sia nella visualizzazione verticale che in quella orizzontale della pagina.

Inoltre, questo effetto di animazione è assente sul tablet in posizione verticale, ma c'è animazione in posizione orizzontale.

Il motivo per cui ho cambiato il valore a 960px è il rallentamento, di cui ho scritto prima, presente anche sul tablet.

Adesso va tutto bene.

Grazie ancora.

Читать больше
Размещено От Дмитрий Тулупов
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

......

Читать больше
Размещено От  ‪ KolAsim ‪ ‪