gpt4 book ai didi

javascript - GetBootstrap网站上的右栏,它是如何创建的?

转载 作者:行者123 更新时间:2023-11-28 17:04:18 26 4
gpt4 key购买 nike

在 GetBootstrap 网站 ( http://www.getbootstrap.com ) 上,标题下方的几乎每个页面都由两列组成;一个位于信息/内容所在的左侧,另一个位于右侧,当您向下滚动页面时菜单会展开。展开的菜单是如何创建的?

例如,在 GetBootstrap 的组件页面上,如果您单击 Nav(右栏),它会展开,内容(左栏)会立即滚动到该部分。如果您稍后在 Nav 菜单中单击,左栏也会立即滚动到该部分,而右栏仍保持相同的展开状态。

此外,如果您只是向下滚动以查看左栏的内容,则右栏的菜单会在您到达其中的标题时展开。

这个 Action 是如何创建的?

最佳答案

我不能发表评论,因为我的声誉不够高,所以我想我发布了一个答案,但它不是一个完整的答案 - 抱歉!

他们似乎使用了 ScollSpy 的组合和 Affix

关于javascript - GetBootstrap网站上的右栏,它是如何创建的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30632354/

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