Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Проблемы с форумом » Не работает скроллбар в мобильной Опере
Здравствуйте! В объявлении форума у нас есть таблица, в которой находится вертикальный скроллбар. Но в мобильной версии браузера Опера он перестает быть скроллбаром и показывает ВЕСЬ текст, который по идее должен быть скрыт. При этом, естественно, этот текст растягивается вниз поверх тела форума, словно прокрутки совсем нет.
Скажите, пожалуйста, это можно как-то исправить, или проблема в самой мобильной Опере?)
Но в мобильной версии браузера Опера он перестает быть скроллбаром и показывает ВЕСЬ текст, который по идее должен быть скрыт. При этом, естественно, этот текст растягивается вниз поверх тела форума, словно прокрутки совсем нет.
Скажите, пожалуйста, это можно как-то исправить, или проблема в самой мобильной Опере?)
Случайно не Опера Мини? Она же скрипты вроде как не поддерживает, поэтому соответственно идет искажение..Для полноценного просмотра форумов лучше пользоваться Оперой Мобайл.
kolobdur74, как раз в том и прикол, что Опера Мобайл. Все скрипты там прекрасно отображаются, кроме скроллбара, который даже скриптом-то не назовешь...
как раз в том и прикол, что Опера Мобайл. Все скрипты там прекрасно отображаются, кроме скроллбара, который даже скриптом-то не назовешь...
Похоже на то, что Опера Мобайл не понимает свойство: overflow-y Попробуйте сделать так: http://www.xiper.net/collect/html-and-c … low-y.html
Или попробуйте: overflow:auto
Отредактировано kolobdur74 (Сб, 27 Апр 2013 22:29:37)
Понимает, но по-своему. После того, как twitter обновил свой виджет, в мобильной Опере автоматически подгружаются все опубликованные сообщения, выводя огромный список, заместо того, чтобы сохранять допустимую высоту, как это было раньше.
Или попробуйте: overflow:auto
Пробовал, не помогает((
Похоже на то, что Опера Мобайл не понимает свойство: overflow-y Попробуйте сделать так:
Объясните дураку, куда это вставить, чтобы в объявлении отображалось адекватно?)))
Понимает, но по-своему. После того, как twitter обновил свой виджет, в мобильной Опере автоматически подгружаются все опубликованные сообщения, выводя огромный список, заместо того, чтобы сохранять допустимую высоту, как это было раньше.
То есть это никак не лечится и проблема в самой Опере?
Отредактировано Jas (Вс, 28 Апр 2013 10:17:10)
Jas
Попробуйте так:
<!-- Контент первой кнопки -->
<table width="590px", height = "297px" border="1" align="center" style="margin-top:4px" >
<tr><td width="50%" rowspan="2" valign="top">
<br>
<center><img src="https://forumstatic.ru/files/000d/56/27/59120.png"></center>
<br><div style="width: 270px; height: 180px; overflow: auto; margin-left:10px" >
Deff
так я пробовал... бесполезно(((
kolobdur74 предложил следующее, если верить ссылке:
div {
width: 100px;
height: 100px;
overflow-y: scroll; /* для всех браузеров */
}
html:first-child div { /* хак для опера версии меньше 9.5 */
overflow: auto;
}
но каким образом это связать с таблицей в шапке? 
Jas
Пробуйте обернуть повторно в идентичный div чуть с большими размерами (на 23px) по ширине
но каким образом это связать с таблицей в шапке?
Проставьте класс
<!-- Контент первой кнопки -->
<table width="590px", height = "297px" border="1" align="center" style="margin-top:4px" >
<tr><td width="50%" rowspan="2" valign="top">
<br>
<center><img src="https://forumstatic.ru/files/000d/56/27/59120.png"></center>
<br>
<div class="scroll" Это убираем style="width: 270px; height: 180px; overflow: auto; margin-left:10px" >
и Выносим в стиль
<style>
div.scroll {
width: 270px;
height: 180px;
overflow-y: scroll; /* для всех браузеров */
}
html:first-child div { /* хак для опера версии меньше 9.5 */
overflow: auto;
}
</style>
Отредактировано Deff (Вс, 28 Апр 2013 17:45:49)
Проставьте класс
О! Я был близок к этому х)) Спасибо большое за подсказку))
Единственное что - на отображение в мобильной Опере это все равно никак не повлияло(
Jas
Попробуйте чисто заменить этот модуль, там у Вас были ошибки с тегом <i>
<div style="width: 270px; height: 180px; overflow-y: scroll; margin-left:10px" >
<style type="text/css">font.color-mr{color:maroon;font-style:normal;}</style>
<i><p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">02.03.2013: </font></b>Внимание, <a href="http://alternativereality.mybb.ru/viewtopic.php?id=646#p21485">КОНКУРС</a>!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">01.03.2013: </font></b>Игровые сутки изменены!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">25.02.2013: </font></b>Смена игровых суток назначена на 1 марта!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">09.01.2013: </font></b>Игровые сутки продлены до 14 февраля (срок не крайний)!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">23.12.2012: </font></b><a href="http://alternativereality.mybb.ru/viewtopic.php?id=600#p19790">Первая порция</a> канди-
датов на вылет!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">23.12.2012: </font></b>Появилась <a href="http://alternativereality.mybb.ru/viewtopic.php?id=600">новая тема</a> с должниками и кандидатами на вылет!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.11.2012: </font></b>Незначительно изменился шаблон подписи и размер картинки в ней.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">29.10.2012: </font></b>Внимание, изменились <a href="http://alternativereality.mybb.ru/viewtopic.php?id=364#p8251">ПРАВИЛА ролевой</a>! Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p18420">здесь</a>.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">26.10.2012: </font></b>Внимание, ВСЕМ прочесть <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p18337">новое объявление</a>!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">19.10.2012: </font></b>Ура! Произошла смена Третьего игрового дня на Четвертый! =)</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">19.10.2012: </font></b>Список <a href="http://alternativereality.mybb.ru/viewtopic.php?id=329">наград</a> пополнен!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">18.10.2012: </font></b>На форуме появились награды, которые игроки могут сами дарить друг другу. Подробнее <a href="http://alternativereality.mybb.ru/viewtopic.php?id=329#p17875">здесь</a>!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">15.10.2012: </font></b>На форуме стартовал <a href="http://alternativereality.mybb.ru/viewtopic.php?id=489">набор в АМС</a>!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">27.09.2012: </font></b>В течении недели произойдет смена даты и времени.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Появилась новая кнопка на панели инструментов с шаблонами кодов. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Теперь дату и временной промежуток нужно писать в начале КАЖДОГО поста. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Изменилась система времени ролевой. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Время немного сдвинулось назад. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Изменились <a href="http://alternativereality.mybb.ru/viewtopic.php?id=364">ПРАВИЛА</a>!</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">13.09.2012: </font></b>На форуме появился музыкальный плеер. Пополнить плейлист можно в <a href="http://alternativereality.mybb.ru/viewtopic.php?id=473">этой теме</a>.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">26.08.2012: </font></b>Переведены стрелки форума. Третий игровой день завершен.</p>
<p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">24.08.2012: </font></b>Появился новый опрос <a href="http://alternativereality.mybb.ru/viewtopic.php?id=462">Эффективность рекламы</a>. Просьба всем проголосовать и оставить комментарии.</p></i>
</div>То есть это никак не лечится и проблема в самой Опере?
Лечится (выше уже ответили). Но я писал конкретно про другой похожий случай связанный с мобильной Оперой, посему и не знаю о какой таблице шла речь, как и о загрузке информации, т.к. адрес форума, я так полагаю под хайдом, вы его скрыли:
Вам нужно набрать еще 3379 сообщений для просмотра этого текста.
адрес форума, я так полагаю под хайдом, вы его скрыли:
адрес форума, я так полагаю под хайдом, вы его скрыли
прошу прощения =)
Попробуйте чисто заменить этот модуль, там у Вас были ошибки с тегом <i>
Все проверил, поправил, но все равно скроллбар не воспринимает параметр "высота" ((
Jas
Пробуйте двойную обертку
Код:<div style="width: 310px; height: 180px; overflow: auto; margin-left:10px" > <div style="width: 293px; max-height: 180px; overflow: auto; margin-left:10px" > <style type="text/css">font.color-mr{color:maroon;font-style:normal;}</style> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">02.03.2013: </font></b>Внимание, <a href="http://alternativereality.mybb.ru/viewtopic.php?id=646#p21485">КОНКУРС</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">01.03.2013: </font></b>Игровые сутки изменены!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">25.02.2013: </font></b>Смена игровых суток назначена на 1 марта!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">09.01.2013: </font></b>Игровые сутки продлены до 14 февраля (срок не крайний)!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">23.12.2012: </font></b><a href="http://alternativereality.mybb.ru/viewtopic.php?id=600#p19790">Первая порция</a> канди- датов на вылет!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">23.12.2012: </font></b>Появилась <a href="http://alternativereality.mybb.ru/viewtopic.php?id=600">новая тема</a> с должниками и кандидатами на вылет!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.11.2012: </font></b>Незначительно изменился шаблон подписи и размер картинки в ней.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">29.10.2012: </font></b>Внимание, изменились <a href="http://alternativereality.mybb.ru/viewtopic.php?id=364#p8251">ПРАВИЛА ролевой</a>! Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p18420">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">26.10.2012: </font></b>Внимание, ВСЕМ прочесть <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p18337">новое объявление</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">19.10.2012: </font></b>Ура! Произошла смена Третьего игрового дня на Четвертый! =)</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">19.10.2012: </font></b>Список <a href="http://alternativereality.mybb.ru/viewtopic.php?id=329">наград</a> пополнен!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">18.10.2012: </font></b>На форуме появились награды, которые игроки могут сами дарить друг другу. Подробнее <a href="http://alternativereality.mybb.ru/viewtopic.php?id=329#p17875">здесь</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">15.10.2012: </font></b>На форуме стартовал <a href="http://alternativereality.mybb.ru/viewtopic.php?id=489">набор в АМС</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">27.09.2012: </font></b>В течении недели произойдет смена даты и времени.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Появилась новая кнопка на панели инструментов с шаблонами кодов. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Теперь дату и временной промежуток нужно писать в начале КАЖДОГО поста. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Изменилась система времени ролевой. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Время немного сдвинулось назад. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Изменились <a href="http://alternativereality.mybb.ru/viewtopic.php?id=364">ПРАВИЛА</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">13.09.2012: </font></b>На форуме появился музыкальный плеер. Пополнить плейлист можно в <a href="http://alternativereality.mybb.ru/viewtopic.php?id=473">этой теме</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">26.08.2012: </font></b>Переведены стрелки форума. Третий игровой день завершен.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">24.08.2012: </font></b>Появился новый опрос <a href="http://alternativereality.mybb.ru/viewtopic.php?id=462">Эффективность рекламы</a>. Просьба всем проголосовать и оставить комментарии.</p></i> </div></div>
Отредактировано Deff (Вс, 28 Апр 2013 20:50:36)
Пробуйте двойную обертку
Ничего не меняется(
Ничего не меняется
Опытным путем я пришел к выводу, что Опера Мобайл работает не корректно по вертикали со значениями: overflow: scroll; и overflow: auto; в любых вариациях (что интересно - по горизонтали работает вроде нормально). Поэтому не вижу корректного варианта для Оперы Мобайл без использования скрипта. Вот набросал вариант с скриптом, правда пришлось оформить код в таблицу:
Код:<style> #scr { width: 310px; height: 180px; margin-left: 10px; overflow: hidden; } #table-scr{ display: table; } #row-scr{ display: table-row; } #scr-cell{ display: table-cell; } #niz{ margin-top: 145px; } </style> <script type="text/javascript"> function scroll(dy) { document.getElementById('scr').scrollTop += dy; } </script> <div id="table-scr"> <div id="row-scr"> <div id="scr-cell"> <div id="scr"> <style type="text/css">font.color-mr{color:maroon;font-style:normal;}</style> <i><p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">02.03.2013: </font></b>Внимание, <a href="http://alternativereality.mybb.ru/viewtopic.php?id=646#p21485">КОНКУРС</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">01.03.2013: </font></b>Игровые сутки изменены!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">25.02.2013: </font></b>Смена игровых суток назначена на 1 марта!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">09.01.2013: </font></b>Игровые сутки продлены до 14 февраля (срок не крайний)!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">23.12.2012: </font></b><a href="http://alternativereality.mybb.ru/viewtopic.php?id=600#p19790">Первая порция</a> канди- датов на вылет!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">23.12.2012: </font></b>Появилась <a href="http://alternativereality.mybb.ru/viewtopic.php?id=600">новая тема</a> с должниками и кандидатами на вылет!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.11.2012: </font></b>Незначительно изменился шаблон подписи и размер картинки в ней.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">29.10.2012: </font></b>Внимание, изменились <a href="http://alternativereality.mybb.ru/viewtopic.php?id=364#p8251">ПРАВИЛА ролевой</a>! Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p18420">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">26.10.2012: </font></b>Внимание, ВСЕМ прочесть <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p18337">новое объявление</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">19.10.2012: </font></b>Ура! Произошла смена Третьего игрового дня на Четвертый! =)</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">19.10.2012: </font></b>Список <a href="http://alternativereality.mybb.ru/viewtopic.php?id=329">наград</a> пополнен!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">18.10.2012: </font></b>На форуме появились награды, которые игроки могут сами дарить друг другу. Подробнее <a href="http://alternativereality.mybb.ru/viewtopic.php?id=329#p17875">здесь</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">15.10.2012: </font></b>На форуме стартовал <a href="http://alternativereality.mybb.ru/viewtopic.php?id=489">набор в АМС</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">27.09.2012: </font></b>В течении недели произойдет смена даты и времени.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Появилась новая кнопка на панели инструментов с шаблонами кодов. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Теперь дату и временной промежуток нужно писать в начале КАЖДОГО поста. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Изменилась система времени ролевой. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Время немного сдвинулось назад. Подробности <a href="http://alternativereality.mybb.ru/viewtopic.php?id=3&p=2#p16628">здесь</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">16.09.2012: </font></b>Изменились <a href="http://alternativereality.mybb.ru/viewtopic.php?id=364">ПРАВИЛА</a>!</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">13.09.2012: </font></b>На форуме появился музыкальный плеер. Пополнить плейлист можно в <a href="http://alternativereality.mybb.ru/viewtopic.php?id=473">этой теме</a>.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">26.08.2012: </font></b>Переведены стрелки форума. Третий игровой день завершен.</p> <p align="left"><font class="color-mr">✔</font> <b><font color="#483D8B">24.08.2012: </font></b>Появился новый опрос <a href="http://alternativereality.mybb.ru/viewtopic.php?id=462">Эффективность рекламы</a>. Просьба всем проголосовать и оставить комментарии.</p></i></i> </div> </div> <div id="scr-cell"> <div><a href="javascript:scroll(-8)">scroll up</a></div> <div id="niz"><a href="javascript:scroll(+8)">scroll down</a></div> </div> </div> </div>Вместо scroll up и scroll down можно вставить соответствующие картинки стрелочек.
Интересно - в цитате тоже не работает ?
<blockquote style="height:100px;width:200px;overflow:auto"> dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd dddddddddddddddddddddddd </blockquote>
Вы здесь » Единый форум поддержки » Проблемы с форумом » Не работает скроллбар в мобильной Опере