Javascript 不那么完整的页面fullpage.js?

Javascript 不那么完整的页面fullpage.js?,javascript,html,css,fullpage.js,Javascript,Html,Css,Fullpage.js,我现在正在创建一个网站,我使用fullpage.js。在我把一些图像放在背景中之前,它看起来还不错(可能是因为无法判断它是否正在发生)。我添加了一个背景,现在我可以看到: 在初始页面上,呈现第一页/部分未完全屏蔽(在下一部分的底部-顶部有一个白色条) 当页面向上或向下调整大小时,该条消失 将大小调整回初始大小时-无白色条 刷新时(任意大小)-显示白色条 白条的高度始终为17px(在不同的显示器尺寸/初始窗口尺寸上) 我可以提供所有额外的信息,如截图,代码,css或任何需要的信息 正文: 事实证明

我现在正在创建一个网站,我使用
fullpage.js
。在我把一些图像放在背景中之前,它看起来还不错(可能是因为无法判断它是否正在发生)。我添加了一个背景,现在我可以看到:

  • 在初始页面上,呈现第一页/部分未完全屏蔽(在下一部分的底部-顶部有一个白色条)
  • 当页面向上或向下调整大小时,该条消失
  • 将大小调整回初始大小时-无白色条
  • 刷新时(任意大小)-显示白色条
  • 白条的高度始终为17px(在不同的显示器尺寸/初始窗口尺寸上)
  • 我可以提供所有额外的信息,如截图,代码,css或任何需要的信息

    正文:


    事实证明,在IE上可以很好地工作,但问题出现在Firefox、Chrome和Safari上。

    我尝试了一种非常简单的方法,幸运地解决了这个问题

    添加为
    中的第一行

    并设置css样式:

    #head {
    height: 1px}
    

    所以我认为它只需要在这一部分的最顶端添加一些元素

    请提供相关代码。听起来像一个空滚动条。你可能有一个实时链接吗?网站处于维护模式,所以你必须登录stackoverflow pass:1234我想知道什么是“白条”。下一节的顶部-除了第一节,我在所有节上都有白色背景,所以它显示为白条
    .bg-photo {
        background-image: url("../images/bg_blurred.png");
        background-repeat: no-repeat;
        width:100%;
        height:100%;
        background-size:cover;
        }
    .content {
        position:absolute;
        top:0;
        width:100%;
        height:100%;
        background:rgba(11,17,28,0.75);
        }
    
    #head {
    height: 1px}