javascript - 滚动时旋转图像

标签 javascript animation css scroll

在这个网站上http://www.contrastrebellion.com/大约一半的时候有一个圆圈,它会根据您向下或向上滚动页面的距离而旋转。如何在不必像本网站那样依赖 Facebook 的情况下实现这一目标?

最佳答案

该功能已在 http://www.contrastrebellion.com/public/js/script.js?2 中实现

查看以

开头的代码块
$(window).scroll(function(e) {

它使用 jQuery .scrollCSS transformations (包括它的特定浏览器版本)的效果。

旁注:它无法在我的主浏览器中执行任何 JS 魔法,因为我阻止了 Facebook 域。这个故事的寓意:不要让您的整个 JS 依赖于您网站功能集的一小部分。

关于javascript - 滚动时旋转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7978139/

相关文章:

javascript - 浏览器如何以及何时对文档的 DOM 实现实时更改?

java - 如何从启动器运行 Java Swing 游戏的动画线程?

html - 使用 html、div 和 css 的带有登录框的 3 行布局

css - 带覆盖的 SASS 继承

javascript - 为什么动画 d3 svg 线在 IE9 中不与轴偏移同步,但在 IE11 和 Chrome 中同步?

javascript - reactJS 下拉菜单中的样式调整

javascript - 初学者JavaScript

javascript - html可以反汇编吗?

javascript - 如何模拟 Highchart 上的点击

html - CSS 动画条纹不起作用