gpt4 book ai didi

javascript - Vue/Javascript : When scrolled to top of page, 进一步滚动以显示额外的导航栏

转载 作者:行者123 更新时间:2023-11-30 21:05:45 24 4
gpt4 key购买 nike

基本上我想要实现的是 Snapzu.com正在做的事情:当您到达窗口顶部时,您可以进一步滚动以显示 - 在本例中 - 不同的类别。

我一般都想使用 Vue 或 Javascript 来做到这一点,但到目前为止我还不知道该怎么做。

谢谢!

最佳答案

您可以监听文档的滚动事件并检查是否到达顶部,然后操作 DOM 以添加此额外的导航栏。

就像您链接的网站一样。在此屏幕截图中,您可以在 firefox inspect 中看到它们有一个滚动事件,可以实现我上面描述的内容。

Firefox inspection showing an event to the document for mouseScroll

关于javascript - Vue/Javascript : When scrolled to top of page, 进一步滚动以显示额外的导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46632609/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com