Горизонтальная полоса прокрутки не отображается на мобильном телефоне - PullRequest
0 голосов
/ 22 апреля 2020

Буду признателен, если кто-нибудь поможет мне в этом вопросе. В CodexCoder есть бесплатный шаблон html, который мне нравится, «Daily News». Как следует из названия, у меня проблема с горизонтальной полосой прокрутки.

Я хочу вставить несколько футбольных таблиц на страницы. Таблицы на самом деле являются файлами Excel, экспортируемыми в формате .htm, поэтому они не являются адаптивными, и я не хочу, чтобы они реагировали. Я вставляю их с помощью оператора php include (для этого я преобразую файл .htm из исходного шаблона в файл. php; для файлов .htm нужно JS, чтобы включить другой файл, поэтому их проще преобразовать в. php).

Итак, на макете рабочего стола все работает как шарм - основной контент показывает мою таблицу, и есть правая боковая панель. Однако, когда сайт становится мобильным, то есть когда ширина браузера уменьшается ниже ширины таблицы, правая часть таблицы становится запутанной, невидимой (что я ожидал), но горизонтальная полоса прокрутки отсутствует, поэтому я могу прокрутить вправо до см. всю таблицу (чего я не ожидал!).

Аналогично, на мобильном телефоне контент нельзя прокручивать влево, он не реагирует на нажатие и удержание, поэтому таблица разрезается пополам а также.

Вот пример: www.oxeas.com, а скриншоты ниже, надеюсь, понятно, что я пытаюсь сказать.

Desktop layout

Wide layout, table still visible

Mobile layout - table does not fit the window, there is no scrollbar, and it cannot be moved on mobile device at all

Я думаю, переключатель находится где-то в. css, но Мне не удалось найти его. Я немного побаловался с атрибутами переполнения и прокрутки в bootstrap css, но это не дало никаких результатов.

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

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

Да, я знаю один вариант это связаться с разработчиком, но это бесплатная тема, я думаю, они не предоставляют поддержку бесплатных тем, и я не готов платить; Мне нравится шаблон, но не так сильно.

Надеюсь, кто-то здесь знает, как вернуть эту полосу прокрутки назад? Заранее спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...