Так что это немного странно. (только) В браузере Chrome при прокрутке вверх (двумя пальцами, а не на боковой панели) мой контент исчезает.
Он снова становится видимым при прокрутке вниз.
Я прилагаю скриншот, так как некоторые из вас могут не увидеть ошибку.
адрес моего сайта: https://londonim.co.il
Я переключился на CuteWP, который является корнем всех этих новых проблем.
Я подозреваю, что что-то связано с настройками непрозрачности и анимацией для webkit, а также с липким navmenu, потому что, когда я проверяю его в режиме разработчика, я вижу, что
<div class=cutewp-scroll-top'> получает display:none свойство.
однако я не могу быть уверен, что это проблема. Мое лучшее предположение лежит в коде стиля для полосы прокрутки. однако это всего лишь предположение, и игра с непрозрачностью здесь осталась бесплодной.
Вот код моего главного подозреваемого:
/* Scroll to Top Button
-------------------------------------------------------------- */
.cutewp-scroll-top{background:#000000 left top no-repeat url(assets/images/scroll-top.png);border:1px solid black;cursor:pointer;display:block;height:29px;opacity:.4;filter:alpha(opacity=40);position:fixed;bottom:20px;right:20px;width:29px;z-index:200;}
.cutewp-scroll-top:hover{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 1s;transition:opacity 1s;}
.cutewp-box{background:#fff;padding:15px;border:1px solid #dddddd;-webkit-box-shadow:0 0 40px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 40px rgba(0,0,0,.1) inset;box-shadow:0 0 40px rgba(0,0,0,.1) inset;}
.cutewp-animated{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes cutewp-fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes cutewp-fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes cutewp-fadein{from{opacity:0;}to{opacity:1;}}
@keyframes cutewp-fadein{from{opacity:0;}to{opacity:1;}}
.cutewp-fadein{-webkit-animation-name:cutewp-fadein;-moz-animation-name:cutewp-fadein;-o-animation-name:cutewp-fadein;animation-name:cutewp-fadein;}
Я также заметил, что когда происходит ошибка
<div class="cutewp-container cutewp-primary-menu-container clearfix cutewp-fixed"> изменяется на <div class="cutewp-container cutewp-primary-menu-container clearfix">, но я не могу найти командную строку для этого изменения.
Буду признателен за помощь в этом, хотя я понимаю, что это немного более расплывчато, чем то, как обычно следует задавать вопрос.
Большое спасибо,
Джони