我正在尝试使用我网站中的下一个和上一个按钮构建一个粘性标题。 最初没有粘性部分,但当用户向下滚动时,菜单会隐藏到汉堡包菜单中并且粘性元素出现。在进一步滚动时,更新子功能标题,如功能,联系我们等...更新。我们也可以转到下一个和上一个部分,如图所示。
那么,我该如何构建这个或者是否有我可以使用的插件? 谢谢。
答案 0 :(得分:0)
使用常规HTML,常规CSS和Javascript插件like sticky.js here的组合可以实现粘性部分。使用它,您可以使用JS在访问者滚动时将CSS
类附加到某些HTML
部分。
然后,您可以相应地设置CSS
的样式,以便在滚动时显示/或隐藏页面的某些部分,从而覆盖/重写原始位置。
要实现上一个和下一个按钮,您也可以使用HTML手动链接这些按钮 - 这将是相当有用的工作。如果您寻找动态链接网站内容,您应该查看静态网站生成器,如 Octopress 或 Jekyll - 或者考虑使用像 Wordpress
编辑:如果您的意思是"跳跃"从网站的一个部分向上和向下,您可以查看HTML anchor links
我使用 Jekyll 进行了一些手动修改,在我的网站的页脚中做了一个粘性标题和上一个/下一个按钮。您可以查看my blog on Github,了解我是如何解决的。
除此之外,这并不容易,因为没有默认的解决方案。这完全取决于你的约束,偏好和技能。