向上滚动时只有一个奇怪的消失网站(仅限Chrome)

问题描述 投票:1回答:1

所以这有点奇怪。 (仅限)在Chrome浏览器中,当向上滚动到顶部时(用两根手指而不是侧边栏),我的内容似乎消失了。滚动回来后再次可见。我附上了截图,因为有些人可能看不到错误。 website before the bug website when scrolling to top with two fingers in chrom

我的网站地址: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;}

我也注意到,当错误发生时,qazxsw poi更改为qazxsw poi但是我无法找到此更改的命令行。

非常感谢这方面的帮助,虽然我意识到这比通常会问一个问题的方式要模糊一些。 非常感谢, 乔尼

css wordpress wordpress-theming themes
1个回答
0
投票

这是<div class="cutewp-container cutewp-primary-menu-container clearfix cutewp-fixed">与网站的常见问题。要缓解此类问题,您只需在<div class="cutewp-container cutewp-primary-menu-container clearfix">设置中添加以下代码:

overflow

这将应用隐藏custom css(s)以避免不必要的滚动选项卡。

© www.soinside.com 2019 - 2024. All rights reserved.