在回答另一个问题时,我编写了一些简单的代码,以便在您向下滚动页面时动态显示PNG的旋转。这很好用,但在向上滚动上反转动画时却不能正常工作。
预计PNG将返回到其原始位置,但它缺少几个像素。
小提琴:
代码:
var sdegree = 0;
var lastScrollTop = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
sdegree += 1;
var srotate = "rotate("
我正在设计一个时钟,我使用JS和CSS的组合来制作一个平滑的动画,将秒、分钟和小时转换成它在模拟时钟中的相应程度:
function clock() {
var t = moment(),
s = t.seconds() * 6,
a = t.minutes() * 6,
o = t.hours() % 12 / 12 * 360 + (a / 12);
$(".hour").css("transform", "rotate(" + o + "deg)");
$(".mi