【问题标题】:How to make non-scrolling elements be still visible on fullPage.js如何使非滚动元素在 fullPage.js 上仍然可见
【发布时间】:2015-05-22 15:29:45
【问题描述】:

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

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

我的结构是:

[标题 - 未修复]

[可滚动内容]

[页脚 - 不固定]

有什么想法吗?

【问题讨论】:

  • 你的意思是每个部分都有一个页眉和一个页脚,还是整个页面只有一个?

标签: javascript jquery fullpage.js


【解决方案1】:

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

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

如果这个页面还包含一个带滚动条的 div,它只会阻止您的内容页面滚动。

我使用了一点这个插件,它很确定它会根据你的浏览器窗口分辨率进行缩放(毕竟它是一个整页插件),最好的建议是你应该把你的页眉/页脚放在固定的位置,或者像 Jonas 说的那样,复制您在每个部分中的页眉和页脚,但它们会随着内容页面滚动:/

【讨论】:

    【解决方案2】:

    正如其名,该插件是一个整页插件。除非是整页,否则您将无法拥有可以通过滚动到达的页眉和页脚。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-03-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-17
      • 1970-01-01
      • 1970-01-01
      • 2020-01-17
      相关资源
      最近更新 更多