如何在fullPage.js上仍然可以看到非滚动元素

时间:2015-05-22 15:29:45

标签: javascript jquery fullpage.js

我使用fullPage.js(这是一个很棒的插件)来创建照片库页面。问题是此页面有页眉和页脚,它们没有修复,但它们需要出现在此页面上。我该怎么办?

我已经尝试了normalScrollElements,但到目前为止没有成功。

我的结构是:

[标题 - 未修复]

[可滚动内容]

[页脚 - 未修复]

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您尝试使用的属性不是为此计划的:

  

normalScrollElements:(默认为null)如果要避免自动滚动时       滚动某些元素,这是您需要使用的选项。 (对...有用       map,滚动div等。)它需要一个带有jQuery选择器的字符串       那些元素。 (例如:normalScrollElements:'#element1,.element2')

如果此内容页面还包含带滚动的div,则会阻止滚动内容页面。

我使用了一下这个插件,我很确定它可以扩展你的浏览器窗口分辨率(毕竟它是一个全页插件),最好的建议是你应该把你的页眉/页脚放在固定位置或者Jonas说,重复您在每个部分中的页眉和页脚,但它们将滚动内容页面:/

答案 1 :(得分:0)

该插件是整页插件,正如其名称所示。您无法通过滚动来获得页眉和页脚,除非这些是整页。

固定标题和页脚,或在第一部分添加标题,在最后一部分添加页脚。 (绝对定位于相对部分)