jQuery 全页 js 修复我的 CSS

Question

我无法在 http://albertoramacciotti.me 中修复我的 CSS Obert 一词不在中间，也不在该部分的中心。没有 Javascript 工作正常：http://albertoramacciotti.me/without-JS/ 这是关于那些破坏我的页面的插件创建的包装 div。有人可以帮助我吗？

Answer 1

您忘记包含 fullpagel.js css 文件 jquery.fullpage.css

详细in the fullpage.js docs:

As you can see in the example files, you will need to include:

jQuery library. (1.6.0 minimum)

The JavaScript file jquery.fullPage.js (or its minified version jquery.fullPage.min.js)

The css file jquery.fullPage.css

Answer 2

据我所知 - 您的 javascript 正在您的部分中添加一个 div (.fp-tableCell) 以为其指定一个高度，这会破坏您的 table 部分中的样式设置和 div.content.

中的 table-cell 样式

你可以在你的 CSS 中做的是分配

.fp-tableCell {
    display: table;
    width: 100%;
}

这将解决您现在遇到的问题 - 但如果您只想创建一个完整的页面容器 - 我会考虑使用 flex box 或者甚至可能只使用 height:100vh; 来强制该部分为页面高度。

jQuery 全页 js 修复我的 CSS

jQuery fullpage js fix my CSS

javascript

jquery

css

fullpage.js