CSS 3 动画固定位置侧边栏

标签 css animation transition fixed sidebar

我想知道是否有一种方法可以实现类似于 Chris Coyier 的效果:Scroll/Follow Sidebar使用 CSS3 动画?

我有一个侧边栏,它随着用户滚动页面而向下滚动(简单地使用固定位置的 div),但我想为该侧边栏设置动画以使其向下弹跳和/或播放追赶页面作为用户向下滚动。

看看克里斯的jQuery technique看看我在说什么。

我想知道的主要问题是,是否可以使用仅 CSS3无 javascript 来实现这种效果。

在此先感谢您的帮助!

最佳答案

不,如果没有 JavaScript,就不可能获得这种效果,除非您有某种其他类型的机制,允许您检查用户滚动了多远,并相应地更改元素的 CSS 属性。

关于CSS 3 动画固定位置侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13132982/

相关文章:

javascript - 摆脱背景属性

html - 通过CSS选择器选择所有html中第一个和最后一个出现的标签

jquery - Firefox 不会在 're-added' 元素上重新触发 CSS 动画

ios - 如何使用转换将推送 View 设置为 Root View Controller

javascript - 可折叠树示例中的 d3.js v4 古怪链接转换

html - 如何制作从下到上而不是从上到下的过渡幻灯片

css - 防止 div 在 Chrome 中滚动

html - 把一个div变成一个链接

css - Angular 动画 : add parameters to template trigger

c++ - 如何比 SetPixel() 更快地直接从原始 RGB 值数组在屏幕上显示像素?