Javascript 导航栏缩小，内容在滚动中更改

如何实现导航栏收缩且图像转换为滚动文字的滚动效果，如所示：

---

要使它看起来像那样，您需要使用某种动画，css转换就可以做到这一点

-webkit-transition:all 0.2s ease;
transition: all 0.2s ease;

---

您已经有了执行此操作的jQuery代码。您提供的链接不会将图像转换为文字。它们都是页面上包含的图像。您可以通过两种不同的方式来实现这一点：使用jQuery将两个图像转换为在用户滚动到某个点时显示/隐藏，或者使用jQuery向每个图像添加/删除CSS类。在调用addClass（）/removeClass（）@Joe之前，我会在您的if/then中测试该类是否已经应用。现在，您只需要在要显示的两个图像之间切换。或者在图像下面有一些别致的文字，然后隐藏图像。。开发者首选项。@Joe Yea您可以使用背景图像，也可以使用JS动态插入它。世界就是你的牡蛎。

-webkit-transition:all 0.2s ease;
transition: all 0.2s ease;