Мобильный дизайн "Приложение". Установка сложная.

Страница: 1 2 3 4 »

Сообщений 1 страница 20 из 75

Поделиться1Пн, 28 Янв 2019 01:11:36

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Это полноценный мобильный дизайн, но установка сложная. Дизайном в админке придется пожертвовать. На скриптах блоги и подфорумы данный дизайн не тестировался.

Установка:

Сначала установим мета тег Viewport: <meta name="viewport" content="width=device-width">:

Идем в Администрирование - Раскрутка и ставим в Имя: viewport, в Содержимое: width=device-width, должно получиться вот так:

Переводим Свой стиль в только для ПК (для тех у кого стоит стиль от сервиса надо предварительно его перенести в Свой стиль) Для этого идем в эту тему: Библиотека Device.js или о мобильных дизайнах - пост Деффа №12. Создаем свою страницу на своем форуме вставляем туда скрипт Деффа - открываем эту ново-созданную страницу, затем идем в Администрирование - Свой стиль - сначала из первого окна копируем всё содержимое - вставляем в ново-созданную страницу - преобразуем стиль, возвращаем в первое окно то, что получилось, затем производим ту же манипуляцию со вторым окном.

Скрипт, сам html не преобразует - его вручную заменяем на html.desktop

Далее в самый низ НТМЛ верха устанавливаем:

Код:

<!-- Общий мобильный стиль -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/77571.css">

<!-- Цветовая схема для мобильного стиля. Зеленый стиль -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/81991.css">

<!-- Скрипты для мобильного стиля -->
<script src="https://unpkg.com/current-device/umd/current-device.min.js"></script>
<script>
$( document ).ready(function() {

$('html.mobile .punbb').prepend('<div class="newheader"></div>');
$('html.mobile .newheader').append( $('#pun-title'),$('#pun-navlinks'),$('#pun-ulinks') );

$('html.mobile .newheader').prepend('<input type="checkbox" id="nav-toggle" hidden>','<input type="checkbox" id="nav-toggle2" hidden>','<label for="nav-toggle" class="nav-toggle mask-content" onclick></label>','<label for="nav-toggle2" class="nav-toggle2 mask-content2" onclick></label>');
$('html.mobile #pun-navlinks').prepend('<label for="nav-toggle" class="nav-toggle" onclick></label>', $('#pun-status'));
$('html.mobile #pun-ulinks').prepend('<label for="nav-toggle2" class="nav-toggle2" onclick></label>');


var g_top = 0;
  $(window).scroll(function() {
    var top = $(this).scrollTop();
    
    if ( top > g_top ) {
      $('.newheader').fadeOut(400);
    } else {
      $('.newheader').fadeIn(400);
    }
    
    g_top = top;    
  });

});
</script>

Цветовую схему я вынес в отдельный файл, чтобы можно было быстро изменить под себя. На данный момент есть две цветовые схемы - зеленая и голубая, по умолчанию я поставил зеленую. Цветовые схемы я отдельно буду выкладывать во втором посту (два варианта в файле и открытую - кому что удобнее).

Посмотреть в работе мобильный дизайн можно здесь: http://digitalferrum.bbmy.ru/ (смотреть на мобильном устройстве или через инструменты веб-разработчика.

Скриншоты

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

Мобильный стиль от сервиса отключать ОБЯЗАТЕЛЬНО. Все свои стили, установленные в НТМЛ верху или где-то еще, переводим в стиль только для ПК по методу описанному выше для Своего стиля.

Свои варианты цветовой схемы только приветствуются - кто сделает выкладывайте для других пользователей.

Для тех, кто хочет облагородить Админку, в самый низ Первого окна Своего стиля добавить (ставить после изменений в основном стиле):

Стиль для Админки

Код:

/*************************************************************
ADMIN Style
**************************************************************/

.punbb-admin .acchide, .punbb-admin #pun-main h1, .punbb-admin #pun-navlinks h2, .punbb-admin #pun-pagelinks h2, .punbb-admin #pun-status h2, .punbb-admin #pun-ulinks h2, .punbb-admin .forum h2, .punbb-admin .multipage .topic h2, .punbb-admin dl.post-sig dt span, .punbb-admin p.crumbs strong, .punbb-admin .divider hr, .punbb-admin .required label em, .punbb-admin .formsubmit label, .punbb-admin .submitfield label, .punbb-admin .modmenu label, .punbb-admin #pun-userlist .main h2 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

.punbb-admin h1, .punbb-admin h2, .punbb-admin h3 {
    font-size: 1em;
    font-weight: bold;
}

.punbb-admin h1, .punbb-admin h2 {
    border-right-style: none!important;
}

.punbb-admin ul, .punbb-admin dl, .punbb-admin li, .punbb-admin dd, .punbb-admin dt {
    padding: 0;
    list-style: none;
}

.punbb-admin {
    margin: 0px auto 30px auto;
    width: 100%;
    max-width: 1200px;
    min-width: 840px;
    padding: 0px 21px 0px 21px;
    border: none;
}

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    color: #557fae;
    text-decoration: none;
    transition: opacity 0.3s ease, color 0.27s ease, background-color 0.27s ease, margin 0s linear, padding 0s linear;
}

.punbb-admin #pun-title {
    margin: 0;
    border: none;
    height: 98px;
    position: absolute;
    left: 0;
    right: 0 !important;
    top: 37px;
    z-index: 2;
    width: 100% !important;
}

.punbb-admin #pun-title {
    background: #5381b5;
    border-bottom: 1px solid #406895 !important;
}

.punbb-admin #pun-title TABLE {
    border: none;
    width: 100%;
    margin: 0 auto;
    max-width: 1210px;
    min-width: 840px;
}

.punbb-admin #pun-title TD.title-logo-tdl {
    border: none;
    width: 100%;
    padding-top: 46px;
}

.punbb-admin #pun-title h1 span {
    margin-left: 13px;
    font-size: 1.8em;
    font-variant: normal;
    font-weight: 400;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.punbb-admin #pun-title h1 {
    display: block;
    margin: -1px 0px 0px -1px;
}

.punbb-admin #pun-title h1 > span {
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}

.punbb-admin #pun-navlinks {
    display: block;
    position: absolute;
    z-index: 9999;
    top: 55px;
    max-width: 1201px;
    min-width: 840px;
    width: 100%;
    margin: 0;
}

.punbb-admin #pun-navlinks .container {
    padding-top: 7px;
    padding-bottom: 10px;
    height: 16px;
    font-family: Sans-serif;
    font-size: 14px;
    max-width: 1201px;
    text-align: right;
}

.punbb-admin #pun-navlinks li {
    display: inline;
    font-size: 1em;
    margin: 5px;
}

.punbb-admin #pun-navlinks li a {
    color: #fff;
    text-shadow: 0 -1px 0 #385b83;
    padding: .5em 1em;
    margin: -.6em;
    text-decoration: none !important;
    -webkit-border-radius: 0.327em;
    border-radius: 0.327em;
}

.punbb-admin #pun-ulinks {
    margin: 0;
    background: #314f71;
    border-width: 0 0 1px 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    min-width: 980px;
    z-index: 2;
}

.punbb-admin #pun-ulinks .container {
    border: 0;
    padding: 0.8em 1em;
    background: transparent;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}

.punbb-admin #pun-ulinks li, .punbb-admin #pun-ulinks li a {
    display: inline;
    border-left-style: none;
    border-left-width: 0px;
    white-space: nowrap;
    font-family: Sans-serif;
    text-decoration: none !important;
}

.punbb-admin #pun-ulinks a {
    color: #fff;
    padding: 11px;
}

.punbb-admin #pun-ulinks + div {
    margin-top: 145px;
}

.punbb-admin #pun-admain h2 {
    border-color: #5F95CC;
}

#pun-admain fieldset p {
    border-left-style: solid;
    border-left-width: 18em;
    margin-bottom: 3px;
    padding: 6px 0;
    position: relative;
    border-color: #dedfdf;
    background-color: #eee;
}

.punbb-admin #pun-admain .adcontainer {
    background-color: #ffffff;
    color: #333;
}

.punbb-admin .adcontainer {
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: 4px;
    border-color: #dfdfdf !important;
    margin-top: 3px !important;
}

#pun-adnav {
    float: left;
    width: 14em;
    margin-left: -15em;
    display: inline;
}

.punbb-admin #pun-admain h2 {
    background: #fff;
    color: #4A7EB3;
    border-bottom: solid 2px #5F95CC;
}

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span {
    font-size: 1.1em;
}

.punbb-admin #pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0;
}

.punbb-admin #pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
}

.punbb-admin .divider {
    border-color: #eee #fff #fff #fff;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

Скрипт переключатель между мобильным и десктопным вариантом дизайна для планшета от Алекса, ставить после скриптов мобильного дизайна:

Код:

<script>$('html.tablet').addClass('desktop'); //или mobile, если на планшете нужен мобильный</script>

Для Русфф рабочий вариант: Мобильный дизайн "Приложение". Установка сложная. пост №27

Отредактировано kolobdur74 (Вт, 12 Ноя 2019 18:11:34)

Поделиться2Пн, 28 Янв 2019 01:14:05

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Цветовые схемы:

Зеленая:

Открытая

Код:

<!-- Цветовая схема для мобильного стиля. Зеленый стиль -->
<style>
/* Общий фон */
html.mobile #pun {background: #fff;}

/* Цвет фона общего блока и двух меню */
html.mobile .newheader, html.mobile #pun-navlinks, html.mobile #pun-ulinks {background: #16a085;}

/* after, линия подчеркивания ссылок меню */
html.mobile #pun-navlinks > ul > li > a:after, html.mobile #pun-ulinks > ul > li > a:after {background: #3bc1a0;}

/* Заголовки */
html.mobile .punbb h1, html.mobile .punbb h2 {
  color: #16a085;
  border-bottom: solid 0.6vw #20B2AA;
}
html.mobile h1.title-logo {
  text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
  color: #F0FFF0;
}

/* Ссылки */
html.mobile .punbb a, html.mobile .punbb a:link, html.mobile .punbb a:visited {color: #20B2AA;}

/* Таблица. Подчеркивание */
html.mobile .main table tr {border-bottom: solid 0.6vw #eee;}

/* Таблица. Бордюр слева. Старое сообщение */
html.mobile .main .tcl {border-left: solid 1vw #20B2AA;}

/* Таблица. Бордюр слева. Новое сообщение */
html.mobile .main .inew .tcl {border-left: solid 1vw #4682B4;}

/* Таблица. Цвет заголовка. Новое сообщение */
html.mobile .main .inew .tcl a {color: #4682B4;}

/* На странице форума. Выделенное сообщение */
html.mobile .main .isticky:not(.inew) .tcl {border-left: solid 1vw #FA8072;}

/* На странице форума. Закрытое сообщение */
html.mobile .main .iclosed:not(.inew) .tcl {border-left: solid 1vw #DAA520;}

/* На странице форума. Закрытое-Выделенное сообщение */
html.mobile .main .isticky.iclosed .tcl {border-left: solid 1vw #CD661D;}

/* На странице форума. Новое-Выделенное сообщение */
html.mobile .main .inewisticky .tcl {border-left: solid 1vw #FF4500;}

/* На странице форума. Цвет заголовка. Новое-Выделенное сообщение */
html.mobile .main .inewisticky .tcl a {color: #FF4500;}

/* Статистика форума. Подчеркивание */
html.mobile #pun-stats ul li {border-bottom: solid 0.6vw #eee;}

/* Бордюр вокруг формы */
html.mobile .punbb .formal fieldset {border-color: rgba(32, 178, 170, 0.6);}

/* Бордюр вокруг куда писать текст */
html.mobile .areafield {outline: 0.3vw solid rgba(32, 178, 170, 0.4);}

/* Цитата, код, спойлер */
html.mobile .quote-box:not(.spoiler-box) {border-color: transparent transparent transparent rgba(69, 139, 116, 0.6);}
html.mobile .quote-box.spoiler-box {border-color: transparent transparent transparent rgba(105, 139, 105, 0.6);}
html.mobile .quote-box .quote-box {border-color: transparent transparent transparent rgba(84, 139, 84, 0.6);}
</style>

Файл:

Код:

<!-- Цветовая схема для мобильного стиля. Зеленый стиль -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/81991.css">

Скриншоты

Голубая:

Открытая

Код:

<!-- Цветовая схема для мобильного стиля. Синий стиль -->
<style>
/* Общий фон */
html.mobile #pun {background: #fff;}

/* Цвет фона общего блока и двух меню */
html.mobile .newheader, html.mobile #pun-navlinks, html.mobile #pun-ulinks {background: #5381b5;}

/* after, линия подчеркивания ссылок меню */
html.mobile #pun-navlinks > ul > li > a:after, html.mobile #pun-ulinks > ul > li > a:after {background: #87CEFA;}

/* Заголовки */
html.mobile .punbb h1, html.mobile .punbb h2 {
  color: #4A7EB3;
  border-bottom: solid 0.6vw #5F95CC;
}
html.mobile h1.title-logo {
  text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
  color: #F0FFF0;
}

/* Ссылки */
html.mobile .punbb a, html.mobile .punbb a:link, html.mobile .punbb a:visited {color: #557fae;}

/* Таблица. Подчеркивание */
html.mobile .main table tr {border-bottom: solid 0.6vw #eee;}

/* Таблица. Бордюр слева. Старое сообщение */
html.mobile .main .tcl {border-left: solid 1vw #4682B4;}

/* Таблица. Бордюр слева. Новое сообщение */
html.mobile .main .inew .tcl {border-left: solid 1vw #20B2AA;}

/* Таблица. Цвет заголовка. Новое сообщение */
html.mobile .main .inew .tcl a {color: #4682B4;}

/* На странице форума. Выделенное сообщение */
html.mobile .main .isticky:not(.inew) .tcl {border-left: solid 1vw #FA8072;}

/* На странице форума. Закрытое сообщение */
html.mobile .main .iclosed:not(.inew) .tcl {border-left: solid 1vw #DAA520;}

/* На странице форума. Закрытое-Выделенное сообщение */
html.mobile .main .isticky.iclosed .tcl {border-left: solid 1vw #CD661D;}

/* На странице форума. Новое-Выделенное сообщение */
html.mobile .main .inewisticky .tcl {border-left: solid 1vw #FF4500;}

/* На странице форума. Цвет заголовка. Новое-Выделенное сообщение */
html.mobile .main .inewisticky .tcl a {color: #FF4500;}

/* Статистика форума. Подчеркивание */
html.mobile #pun-stats ul li {border-bottom: solid 0.6vw #eee;}

/* Бордюр вокруг формы */
html.mobile .punbb .formal fieldset {border-color: rgba(32, 178, 170, 0.6);}

/* Бордюр вокруг куда писать текст */
html.mobile .areafield {outline: 0.3vw solid rgba(32, 178, 170, 0.4);}

/* Цитата, код, спойлер (голубая схема) */
html.mobile .quote-box:not(.spoiler-box) {border-color: transparent transparent transparent #B5C9E0;}
html.mobile .quote-box.spoiler-box {border-color: transparent transparent transparent #CBD2E0;}
html.mobile .quote-box .quote-box {border-color: transparent transparent transparent #CBD2E0;}
</style>

Файл:

Код:

<!-- Цветовая схема для мобильного стиля. Голубой стиль -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000d/8d/19/51874.css">

Скриншоты

Отредактировано kolobdur74 (Пн, 28 Янв 2019 12:52:24)

Поделиться3Вт, 29 Янв 2019 06:10:45

Автор: bektau
Заслуженный
Зарегистрирован: Вт, 15 Янв 2019
Сообщений: 231
Уважение: +76
Позитив: +220
Пол: Женский
Последний визит:
Вс, 14 Апр 2024 16:35:53

Получилось следующее -

Поделиться4Вт, 29 Янв 2019 11:56:58

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

bektau написал(а):

Получилось следующее

Ссылку на то что получилось.. Где то вы что-то пропустили..

Поделиться5Вт, 29 Янв 2019 14:04:00

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

kolobdur74 написал(а):

Ссылку на то что получилось.. Где то вы что-то пропустили..

Думаю он не добавлял html.desktop

Поделиться6Вт, 29 Янв 2019 14:09:35

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Deff написал(а):

Думаю он не добавлял html.desktop

Больше смахивает, что html.desktop был добавлен, а вот скрипт для него не был - стиль слетел..

Для Админки добавил стиль - смотрим первый пост.. А то голая админка все таки слишком страшная.. Стиль взят с техподдержки за основу..

Поделиться7Вт, 29 Янв 2019 14:31:09

Автор: bektau
Заслуженный
Зарегистрирован: Вт, 15 Янв 2019
Сообщений: 231
Уважение: +76
Позитив: +220
Пол: Женский
Последний визит:
Вс, 14 Апр 2024 16:35:53

Deff написал(а):

kolobdur74 написал(а):
Ссылку на то что получилось.. Где то вы что-то пропустили..
Думаю он не добавлял html.desktop

В Структура style.css?

Поделиться8Вт, 29 Янв 2019 15:08:03

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

bektau написал(а):

В Структура style.css?

kolobdur74 написал(а):

Теперь переводим Свой стиль в только для ПК (для тех у кого стоит стиль от сервиса надо предварительно его перенести в Свой стиль) Для этого идем в эту тему: Библиотека Device.js или о мобильных дизайнах - пост Деффа №12. Создаем свою страницу на своем форуме вставляем туда скрипт Деффа - открываем эту ново-созданную страницу, затем идем в Администрирование - Свой стиль - сначала из первого окна копируем всё содержимое - вставляем в ново-созданную страницу - преобразуем стиль, возвращаем в первое окно то, что получилось, затем производим ту же манипуляцию со вторым окном.

Менять надо оба окна и структуру и цвета..

Поделиться9Вт, 29 Янв 2019 15:34:13

Автор: bektau
Заслуженный
Зарегистрирован: Вт, 15 Янв 2019
Сообщений: 231
Уважение: +76
Позитив: +220
Пол: Женский
Последний визит:
Вс, 14 Апр 2024 16:35:53

kolobdur74 написал(а):

bektau написал(а):
В Структура style.css?
kolobdur74 написал(а):
Теперь переводим Свой стиль в только для ПК (для тех у кого стоит стиль от сервиса надо предварительно его перенести в Свой стиль) Для этого идем в эту тему: Библиотека Device.js или о мобильных дизайнах - пост Деффа №12. Создаем свою страницу на своем форуме вставляем туда скрипт Деффа - открываем эту ново-созданную страницу, затем идем в Администрирование - Свой стиль - сначала из первого окна копируем всё содержимое - вставляем в ново-созданную страницу - преобразуем стиль, возвращаем в первое окно то, что получилось, затем производим ту же манипуляцию со вторым окном.
Менять надо оба окна и структуру и цвета..

Оба это каких? У меня окно Цвета style_cs.css пустое.

Поделиться10Вт, 29 Янв 2019 15:43:21

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

bektau написал(а):

Оба это каких? У меня окно Цвета style_cs.css пустое.

А, да, я забыл, что у вас стиль Абсолют)) Значит одно окно)) :yep: Перед каждым селектором должен стоять html.desktop, то есть должно получиться примерно так:

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

Отредактировано kolobdur74 (Вт, 29 Янв 2019 15:43:51)

Поделиться11Чт, 31 Янв 2019 21:35:45

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Помогите кто-нибудь
Установив данное мобильное устройство, Менюшка при прокрутке мигает :dontknow: Можно это как-то поправить?

Поделиться12Чт, 31 Янв 2019 22:04:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 01:32:37

Lusiya
Не тестировал, но предположу навскидку: попробуйте добавить красным

$(window).scroll(function() {
var top = $(this).scrollTop();

if ( top > g_top ) {
$('.newheader').stop().fadeOut(400);
} else {
$('.newheader').stop().fadeIn(400);
}

g_top = top;
});

});

ВКонтакте alex__63

Поделиться13Чт, 31 Янв 2019 22:18:38

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Alex_63 написал(а):

Не тестировал, но предположу навскидку: попробуйте добавить красным

Не работает совсем.. Фиг его знает почему мигает.. На андроиде и через вебинструменты не мигает - мигание на сафари в ИОСе..

Отредактировано kolobdur74 (Чт, 31 Янв 2019 22:19:22)

Поделиться14Чт, 31 Янв 2019 22:23:52

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 01:32:37

kolobdur74
:dontknow: У меня нет яблок... Если правка не срабатывает, я не очень понимаю, как именно мигает
stop(true) тоже не фиксит?

ВКонтакте alex__63

Поделиться15Чт, 31 Янв 2019 22:26:54

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63
Именно при прокрутке форума вверх-вниз мигает менюшка

Поделиться16Чт, 31 Янв 2019 22:50:48

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 01:32:37

Lusiya
Это понял... Мигает с небольшой частотой - плавно скрывается и тут же показывается, или как?

ВКонтакте alex__63

Поделиться17Чт, 31 Янв 2019 23:00:37

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63
Да, все именно так, как Вы описываете

Поделиться18Чт, 31 Янв 2019 23:00:41

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Alex_63 написал(а):

stop(true) тоже не фиксит?

Становится всё полупрозрачным.. Вот у себя поставил правку: http://digitalferrum.bbmy.ru/

Поделиться19Пт, 1 Фев 2019 01:07:11

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 01:32:37

kolobdur74
По-моему как-то правил у себя подобный баг, счас на вскидку не помню, но завтра попробую прикинуть

ВКонтакте alex__63

Поделиться20Пт, 1 Фев 2019 03:02:09

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Alex_63 написал(а):

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

Спасибо! stop(true) - не вариант, я пока сделал так:

$(window).scroll(function() {
var top = $(this).scrollTop();

if ( top > g_top ) {
$('.newheader').stop(true).fadeOut(400);
} else {
$('.newheader').fadeIn(400);
}

g_top = top;
});

Но подтормаживает, хотя мерцание пропало, но сафари все равно фиговато работает..

Страница: 1 2 3 4 »

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Мобильный дизайн "Приложение". Установка сложная.

Сообщений 1 страница 20 из 75

Поделиться1Пн, 28 Янв 2019 01:11:36

Поделиться2Пн, 28 Янв 2019 01:14:05

Поделиться3Вт, 29 Янв 2019 06:10:45

Поделиться4Вт, 29 Янв 2019 11:56:58

Поделиться5Вт, 29 Янв 2019 14:04:00

Поделиться6Вт, 29 Янв 2019 14:09:35

Поделиться7Вт, 29 Янв 2019 14:31:09

Поделиться8Вт, 29 Янв 2019 15:08:03

Поделиться9Вт, 29 Янв 2019 15:34:13

Поделиться10Вт, 29 Янв 2019 15:43:21

Поделиться11Чт, 31 Янв 2019 21:35:45

Поделиться12Чт, 31 Янв 2019 22:04:45

Поделиться13Чт, 31 Янв 2019 22:18:38

Поделиться14Чт, 31 Янв 2019 22:23:52

Поделиться15Чт, 31 Янв 2019 22:26:54

Поделиться16Чт, 31 Янв 2019 22:50:48

Поделиться17Чт, 31 Янв 2019 23:00:37

Поделиться18Чт, 31 Янв 2019 23:00:41

Поделиться19Пт, 1 Фев 2019 01:07:11

Поделиться20Пт, 1 Фев 2019 03:02:09