滚动页面时边栏闪烁

时间:2018-11-19 作者:dushkin

我是一个业余WP开发人员,为我的妻子建立了一个网站:)我使用氦主题,该网站是RTL方向的。我有一个右边的酒吧。

通过从文本更改主页内容进行一些更改后enter image description here到SiteOrigin窗口小部件按钮,定义在“shrotcodes窗口小部件”顶部,enter image description here侧栏开始flickering 滚动页面时:An example clip

这是新的主页内容:

    [do_widget id=sow-button-10]
    [wonderplugin_cond deviceinclude="Mobile"]
    אל המאמרים שלי בשבילכם - גוללו מטה!
    [/wonderplugin_cond]
    [do_widget id=sow-button-11] 
    [do_widget id=sow-button-12] 
    [do_widget id=sow-button-13] 
    [do_widget id=sow-button-14] 
    [do_widget id=sow-button-15] 
    [do_widget id=sow-button-16]
这是定制的css:

body {background-color: white;}

.site_ttl{
    color: #3264ff;
    font-family: "David";
}

h1.entry-title{
    font-size:48px;
    color: #3264ff;
    margin-left: auto;
    margin-right: auto;
 }

#toggle_nav{
    font-size:14px;
    color:white;
    text-align: center;
    text-decoration: underline;
}

@media only screen and (min-width: 600px) {

    #primary.content-area {

        width: calc(100% - 400px);
        float: left;
        margin-bottom: 0px
    }
}

@media only screen and (max-width: 600px) {

    #primary.content-area {

        width: calc(100% - 100px);
        float: left;
        margin-bottom: 0px
    }
}

.sidebar.clearfix.floating {
    right: 0;
    left: initial;
    margin-left: 0;
}

/*-------------------*/

/*-------------------*/
/*To adjust the sidebar widget spacing*/

.sidebar .widget {
    margin-bottom: 0px;
}
/*-------------------*/

/*-------------------*/
/*To adjust the the h\' titles spacing*/
h1 { margin-bottom: 0px; }
h2 { margin-bottom: 0px; }
h3 { margin-bottom: 0px; }
h4 { margin-bottom: 0px; }
h4 { margin-top: 0px; }
ul {margin-top: 0px}
ul {margin-bottom: 0px}
/*-------------------*/

/*hide triple line menu symbol*/
#main-menu{
    visibility: hidden
}
请告知:)

谢谢

2 个回复
SO网友:André Kelling

您需要知道它从何时/从哪个更改开始闪烁。/你说因为内容改变了。因此,请尝试一步一步地进行更改,直到您知道到底是哪个内容组件导致了这种情况。

调试导致闪烁的更改。

这里有很多因素:主题、主题CSS、自定义CSS、主题JS、小部件CSS和JS(可能来自其他插件?)这使得给出正确答案变得不可预测。所以只是猜测。

SO网友:dushkin

我知道这只是一个解决办法,但也许它可以帮助将来的人。。。

我发现更改SiteOrigin小部件并不是问题所在。当我开始从原始的基于文本的页面底部删除几行时,我到达了一个位置,边栏停止闪烁,并再次正常显示。

所以我的工作是在新的SiteOrigin按钮和问题解决后添加空行(最终我只需要5行)。

结束

相关推荐

如何加载基本的WordPress CSS

我正在制作wordpress主题,我不知道为什么主题不加载基本的wordpress css。我的网站文件css“style.css”是加载的,但如果我在chrome上的“inspect”中将wordpress php添加到主题中,我看到基本wordpress css中的类被添加了,但他没有样式。例如,使用wordpress php的我的菜单有一个来自basic标记的文本装饰。我希望你明白我的意思。我的标题:<?php /** * The header for our theme&#x