WebSite X5Help Center

 
Pavel M.
Pavel M.
User

Горизонтальная прокрутка на смартфоне  ru

Autor: Pavel M.
Visited 1609, Followers 1, Udostępniony 0  

Опять начались проблемы с отображением сайта на смартфонах - сайт болтается вправо-влево, хотя никакие объекты в хэдере и футере за границы не выходят. Причем это наблюдается только на главной странице - вот сайт на временном домене http://shuby.avasiliev.ru/

Posted on the
25 ODPOWIEDZI - 1 POMOCNY - 1 PRAWIDłOWA ODPOWIEDź
Aleksey K.
Aleksey K.
User

это может быть не только в хедере или футере... было такое из за объекта... если вечером время будет посмотрю

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor
Aleksey K.
это может быть не только в хедере или футере... было такое из за объекта... если вечером время будет посмотрю

в предыдущей версии такое было из-за заголовков в стиле объектов, причем заголовков любой длины. Сейчас заголовки к стилям не привязаны.

Czytaj więcej
Posted on the from Pavel M.
Aleksey K.
Aleksey K.
User

у меня было из за skill bar .. внутри контейнера блоки превышали ширину хотя отображались правильно... 

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User

не совсем понимаю зачем использовать сетку в 146 колонок? ищу дальше

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User

ну вроед нашел у вас "фиксированная полоса" на 2px шире контента.... к примеру iphone 6 - 375px у вас же полоса 377px

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor

Колонок в программе всего 12, я при всем желании не могу сделать больше) это уже программа чудит, обновленная так сказать версия.

Czytaj więcej
Posted on the from Pavel M.
Pavel M.
Pavel M.
User
Autor
Aleksey K.
ну вроед нашел у вас "фиксированная полоса" на 2px шире контента.... к примеру iphone 6 - 375px у вас же полоса 377px

Фиксированная полоса подчиняется заданным разрешениям, и на смартфонах она просто меньше 480. Тем более на других страницах всё нормально.

Czytaj więcej
Posted on the from Pavel M.
Aleksey K.
Aleksey K.
User

причем это не котент это именно ширина контейнера imStickyBarContainer

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User
Pavel M.
Aleksey K. ну вроед нашел у вас "фиксированная полоса" на 2px шире контента.... к примеру iphone 6 - 375px у вас же полоса 377px Фиксированная полоса подчиняется заданным разрешениям, и на смартфонах она просто меньше 480. Тем более на других страницах всё нормально.

еще раз именно на главной странице контейнер imStickyBarContainer имеет ширину 377 когда должен 375 пикселей .... на других страницах он 375px поэтому там и не скачет....

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User

вот вам для пробы : в свойствах страницы пишем код

.imStickyBarContainer {

 width: 100vw !important;

 overflow: hidden !important;

}

вроде после этого не должно плясать

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User
Pavel M.
Колонок в программе всего 12, я при всем желании не могу сделать больше) это уже программа чудит, обновленная так сказать версия.

надо им продемонстрировать их труды))))

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User

по всей видимости программа почему то неправильно рассчитывает этот блок .... код проверил все должно заработать ... единственное забыл что его надо обернуть в <style> .... </style> но думаю вы знаете....

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor

Завтра попробую поставить, тогда напишу)

Czytaj więcej
Posted on the from Pavel M.
Aleksey K.
Aleksey K.
User

Павел я не обратил внимание чем был imStickyBarContainer возможно вместо точки придется поставить # (в коде) сейчас не смогу посмотреть

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor

Спасибо за помощь, но увы - сайт как болтался, так и болтается.

Вставлял варианты кода

<style>

#imStickyBarContainer {

width: 100vw !important;

overflow: hidden !important;

}</style>

и с точкой

<style>

#.StickyBarContainer {

width: 100vw !important;

overflow: hidden !important;

}</style>

Не помогает. К тому же видно, что контент сайта отступает больше, чем фиксированная полоса. Напишу закрытый пост, пусть разбираются.

Czytaj więcej
Posted on the from Pavel M.
Pavel M.
Pavel M.
User
Autor

с точкой без решетки был код, это издержки копирования)

Czytaj więcej
Posted on the from Pavel M.
Aleksey K.
Aleksey K.
User

вчера пробовал через инструменты разработчика : полоса стала как и должна быть... после выгрузки ctrl+f5 делали? или вы не выгружая через возможность в программе пробовали?

Czytaj więcej
Posted on the from Aleksey K.
Aleksey K.
Aleksey K.
User

вечером скрины скину до кода и после...

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor
Aleksey K.
вчера пробовал через инструменты разработчика : полоса стала как и должна быть... после выгрузки ctrl+f5 делали? или вы не выгружая через возможность в программе пробовали?

Я на смартфоне даже историю браузера обнулял, поскольку там нет ctrl+f5)

Czytaj więcej
Posted on the from Pavel M.
Aleksey K.
Aleksey K.
User

четко вижу что при сдвиге сайта влево как раз 2px и вылезают. сделал скрин сайта программой получилось 754px в ширину ( из за ретина 754/2=377px )... код вставляли перед закрыв head в свойствах страницы?

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor

Вставлял, перед закрывающим, бестолку.

Czytaj więcej
Posted on the from Pavel M.
R2 - D2
R2 - D2
User
Najlepszy Użytkownik miesiąca RU
Pavel M.
Вставлял, перед закрывающим, бестолку.

Не проще ли пользоваться более стабильной WebSite X5 Professional 17.1.2, чем мучиться с пока еще очень сырой WebSite X5 Pro 2019.1.6?

Czytaj więcej
Posted on the from R2 - D2
Aleksey K.
Aleksey K.
User

правильный код:

<style>

#imStickyBarContainer {

width: 100vw !important;

overflow: hidden !important;

}

</style>

скрин до...

скрин после

Czytaj więcej
Posted on the from Aleksey K.
Pavel M.
Pavel M.
User
Autor
Aleksey K.
правильный код: <style> #imStickyBarContainer { width: 100vw !important; overflow: hidden !important; } </style> скрин до... скрин после

Это всё теория. Я проверяю на реальном телефоне с андроидом, вот именно сейчас поставил ваш код, обновил полностью сайт на хостинге, обновил в браузере, результата ноль. Как двигался, так и двигается.

Czytaj więcej
Posted on the from Pavel M.
Pavel M.
Pavel M.
User
Autor

Всё оказалось проще) Погоня за красотой, использование точек вместо встроенного разделителя и присело к такому эффекту. Лечится либо вставкой разделителя, либо уменьшением количества точек. Подсказали разработчики, спасибо им)

Czytaj więcej
Posted on the from Pavel M.