【问题标题】:Mouse scrolling issue in a specific section in pagepiling.jspagepiling.js 中特定部分的鼠标滚动问题
【发布时间】:2018-08-13 14:11:33
【问题描述】:

在滚动将滚动整个部分的特定区域时。溢出滚动部分无法正常工作。

.scroll_sec {
  width: 500px;
  height: 300px;
  margin: 0 auto ;
  overflow-y: scroll;
}

请查看代码:https://codepen.io/anon/pen/PBzyrz

【问题讨论】:

  • 我会鼓励你改用 fullPage.js 库,老大哥。然后,您可以使用 Parallax extension 来模拟 pagePiling.js 行为,详细信息 here on this post。然后您就可以享受 fullpage.js 的所有功能,包括响应式选项和关闭打桩效果。
  • @Alvaro 我已经在pagepiling.js中做了网站,fullpage.js也有同样的问题codepen.io/anon/pen/wxzxEr,请尝试滚动第一张幻灯片中的黑色背景部分。这是否可以解决 pagepiling.js 中的问题。
  • 不,它没有。您可以使用选项normalScrollElements 来解决它。此外,您应该使用 fullPage.js 版本 3,而不是版本 2 :)

标签: html css scroll pagepiling.js


【解决方案1】:

终于,我得到了这个问题的答案。

pagepiling.js 中有一个normalScrollElements 选项。我们可以提及溢出滚动部分的类或id。

请从这里检查代码:https://codepen.io/anon/pen/VBRpKa

【讨论】:

    猜你喜欢
    • 2016-12-26
    • 1970-01-01
    • 2023-03-26
    • 2015-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-26
    相关资源
    最近更新 更多