Question

我正在从头开始使用“一页模板”（只是为了好玩和学习）。我开始检查Boostrap中的示例。后来，我注意到我的div不能按我的意愿填充宽度/高度，因此我决定尝试使用简单的CCS进行处理，但是失败了，然后，在另一个示例中，我使用了FullPage.js中的一些代码。

我真的很喜欢这个引导程序示例，我的唯一目的是填充屏幕上的每个div，但将导航栏保持在顶部。

我在jsfiddle上有两个工作示例，让您知道我在做什么。

1：fullpaje.js：在这种情况下，导航栏在全屏模式下无法正常工作，但在非全屏模式下却无法正常工作，是的，很奇怪。我的意思是，全屏模式不会显示您所在的div另一方面，如果不是全屏显示，则可以正常运行。（也许在jsfiddle中可以工作，因为不是fs，请尝试将代码保存到HTML文件中，以查看我在说什么）

    $(document).ready(function() {
        $('#fullpage').fullpage({
        /* no options */
        });
    });

2：just with css：在这种情况下，导航栏在第二个div中丢失了，我不知道它是否正常运行。它只是在向下滚动时消失。

html, body {height: 100%;}
#section1 { width: 100%; height: 100%;}
#section2 { width: 100%; height: 100%;}
#section3 { width: 100%; height: 100%;}
#section4 { width: 100%; height: 100%;}

您对此有何建议？谢谢

Answer 1

我将HTML代码放入文件中并运行它，并看到了相同的问题。我修复它的方式是下载jquery.easings / scrolloverflow JavaScript软件包和jquery.fullPage样式表页面，您是否已安装这些？

助推器。导航栏问题，不要停留在顶部

1 个答案: