jquery - 使用 fullpage.js 滚动到新 anchor 时移动导航

标签 jquery css bootstrap-4 fullpage.js slick.js

我有一个使用 fullpage.js 的长滚动页面。导航在页面上有固定的定位,我有每张事件幻灯片突出显示它的相应链接。

我需要链接在事件时移动到顶部位置,同时仍保持其余链接的顺序,有点像您在 iOS 上看到的滚轮。

关于使它正常工作的最佳方法有什么建议吗?我尝试使用 slick,有点像 CodePen 上的以下内容:/DrizzlyOwl/pen/adZmem

谢谢!

最佳答案

使用fullpage.js callbacks例如onLeave触发你的 JS 动画,或者使用 fullPage.js state classes用 CSS 做到这一点。

关于jquery - 使用 fullpage.js 滚动到新 anchor 时移动导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48712710/

相关文章:

html - 显示 :table div with percentage width 1px bug

html - 无法并排对齐两个按钮

Jquery加载脚本而不是调用内联函数

events - 使用 jquery animate 在加载时突出显示 div

javascript - 打开外部链接作为同一页面上的叠加层

javascript - 如何在拖放中使用 jquery 删除 css 属性

javascript - 尝试使用 jQuery 设置 Text-Shadow 属性

html - 如何在 Bootstrap 下拉菜单的标签中显示所选元素?

html - 将 div 拉伸(stretch)到固定宽度元素内的全宽

html - Bootstrap html,试图制作一个深色表格