如何使非滚动元素在fullPage.js上仍然可见

How to make non-scrolling elements be still visible on fullPage.js

本文关键字：js fullPage 何使非 滚动 元素      更新时间：2023-09-26

我正在使用fullPage.js(这是一个伟大的插件)来创建一个照片库页面。问题是这个页面有一个页眉和一个页脚，它们不是固定的，但它们需要出现在这个页面上。我该怎么办?

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

我的结构是:

[header - not fixed]

(滚动内容)

任何想法?

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

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

它只是防止滚动的内容页，如果这个也包含一个div与滚动

我用了一点这个插件，它很确定它缩放你的浏览器窗口分辨率(毕竟它是一个完整的页面插件)，最好的建议你应该把你的页眉/页脚在固定位置或乔纳斯说，复制你的页眉和页脚在每个部分，但他们会滚动与内容页:/

顾名思义，该插件是一个全页插件。你不能有可以通过滚动到达的页眉和页脚，除非它们是整个页面。

固定页眉和页脚，或者在第一部分添加页眉，在最后一部分添加页脚。(绝对定位到相对部分)

相关文章：