小编ame*_*_me的帖子

如何在动画后保留样式?

我正在投资组合,以显示我申请下一份学习的时间.自从我们生活在2012年以来,它拥有大量精美的动画和CSS3垃圾,只是为了给他们"我们需要这个家伙"的感觉.我现在有点问题.

这只是特定元素的一小部分:

/* This is the CSS of the elements with the id called 'fadein' */
#fadein {
    -moz-animation-duration: 2s;
    -moz-animation-name: item;
    -moz-animation-delay: 4.5s;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: item;
-webkit-animation-delay: 4.5s;
opacity:0;
-webkit-opacity:0;
}

@-webkit-keyframes item {
from {
-webkit-opacity: 0;
     }
to { 
-webkit-opacity: 1;
 }
}
Run Code Online (Sandbox Code Playgroud)

请注意,我省略了Firefox关键帧,因为它们完全相同.对,丑陋格式的CSS,使得id为'fadein'的元素...淡入.

问题是,动画结束后元素会再次消失.这将丑陋格式的Css变成无法使用的Css.

有没有人知道如何在动画后保留更改的样式?

我想之前已经问过这个问题,如果是这样的话,我很抱歉.

html css css3 css-animations

29
推荐指数
1
解决办法
2万
查看次数

Chrome会记住滚动位置

我遇到的问题实际上是Chrome上的"功能".正如大多数人可能知道的那样,只要您回到页面,Chrome就会记住它返回的滚动位置.我有点问题.

有没有办法在没有用户注意的情况下覆盖它?

米斯

试用失败:

  • 在document.ready上的ScrollTop

html javascript scroll google-chrome viewport

25
推荐指数
2
解决办法
2万
查看次数

使用 jQuery 检测移动设备旋转

我正在寻找一个 jQuery 插件或 Javascript 库,它使用 G 传感器以度数检测设备的旋转,而不仅仅是方向。我知道这是可以做到的 - 检查http://wagerfield.github.io/parallax/ - 但我还没有设法找到这样的东西。

如果它创建了一种实时更新的全局,那就太好了。

谢谢!

javascript jquery android ios sensors

1
推荐指数
1
解决办法
2724
查看次数