在滚动上添加固定顶部导航栏上的按钮

Question

我使用Bootstrap开发了固定顶部导航栏

[这是使用过的代码的来源：] [1]

因此，当用户向下滚动时，它应该在导航栏上显示“添加到购物车”按钮。  ！[在此处输入图像说明] [2]

谢谢...

Answer 1

1. 您应该将“添加到购物车”放在布局中的确切位置。
2. 设置display:none
3. 在您的CSS中放置了一些display:block的课程，例如active
4. 设置滚动事件以将active类添加到按钮类

这是一个例子：

http://jsfiddle.net/JohnnyJuarez/ka5n6u3t/