Fullpage指定某一屏内容不垂直居中

在使用fullpage的时候,最后一屏一般放版权信息等,高度通过自定义后,会不满一整屏.

如下图:

至于怎么定义Fullpage最后一屏自定义尺寸,请参照:https://blog.csdn.net/sloafer/article/details/79135916

这个时候会产生一个问题:

如果把verticalCentered:false,设置为false的话,其它整屏的内容就不会自动垂直居中了.需要手动去处理非常麻烦.

如果把verticalCentered:true,设置为true的话,底部这条区域的内容也会垂直居中,就会导致看不到文字了.

解决方法:将此屏单独设置为不垂直居中就OK

verticalCentered依然设置为true其它屏就会垂直居中.

#section-footer .fp-tableCell{display:block !important;
}

这样就可以单独指定某一屏不垂直居中了.

Fullpage指定某一屏内容不垂直居中相关推荐

[CSS] CSS display:flex实现内容水平垂直居中展示
display:flex实现内容水平垂直居中展示需要增加下面两点就能实现首先父级元素必须有高度,没有高度就无法垂直居中,如果想全屏垂直居中,可以设置高度为100vh 比如body设置为这样 bod ...
JavaScript指定区域全屏铺满
<html><head><meta http-equiv="Content-Type" content="text/html; charse ...
pandas使用sort_values函数将dataframe按照指定数据列的内容对dataframe的数据行进行排序（sort dataframe rows by a specific column
pandas使用sort_values函数将dataframe按照指定数据列的内容对dataframe的数据行进行排序(sort dataframe rows by a specific column ...
pandas使用query函数查询dataframe指定数据列的内容（数值）不包含在特定列表中的数据行（not contain in list)
pandas使用query函数查询dataframe指定数据列的内容(数值)不包含在特定列表中的数据行(select rows which column values are not containe ...
pandas使用query函数查询dataframe指定数据列的内容（数值）包含在特定列表中的数据行（select rows which column values contain in list)
pandas使用query函数查询dataframe指定数据列的内容(数值)包含在特定列表中的数据行(select rows which column values contained in a li ...
pandas使用loc函数更新、修改dataframe指定数据行的内容（update or change the content of specific row of dataframe）
pandas使用loc函数更新.修改dataframe指定数据行的内容(update or change the content of specific row of dataframe) 目录
R语言dplyr包mutate_at函数通过名称修改指定数据列的内容（使用统一的函数）实战
R语言dplyr包mutate_at函数通过名称修改指定数据列的内容(使用统一的函数)实战目录 R语言dplyr包mutate_at函数通过名称修改指
php遍历指定目录中的内容2
输出文件是否可读写,可执行,并同时输出创建时间,修改时间,访问时间 //2.遍历指定目录中的内容 if ($arr['file']) {$arrbyte = array("Byte" ...
Py之Xlrd：Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数、获取整行和整列的值（列表）、指定单元格的内容/数据类型)之详细攻略
Py之Xlrd:Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数.获取整行和整列的值(列表) .指定单元格的内容/数据类型)之详细攻略目录 Xlrd的使用方法总 ...

Fullpage指定某一屏内容不垂直居中

Fullpage指定某一屏内容不垂直居中相关推荐

最新文章

热门文章