css消除动画,用动画去除css类

你可以使用jQuery的addClass与removeClass，考虑：

if($(document).scrollTop() > 250)

{

$('#div').addClass("show");

}

else

{

$('#div').removeClass("show");

}

});

这是什么东西做的是取代了原来的类，如 “隐藏” 与div class“show”，当用户在页面上滚动250px时，这段代码会显示一个横幅。

请记住，如果您使用此代码，使用CSS3转换仍然更好(更平滑)，除非您正在考虑浏览器不支持此功能的用户，例如IE8-。

编辑：我刚刚意识到你这样做的原因是因为你正在考虑IE7用户。完善。我从字面上解决了这个问题。

我使用的解决办法是有一个过渡CSS3建立和探测器与if语句使用jQuery在不支持的过渡，见下图：

var Detect = (function() {

var

//Add CSS properties to test for

props = "transition".split(","),

//Browser prefixes

CSSprefix = "Webkit,Moz,O,ms,Khtml".split(","),

d = document.createElement("detect"),

test = [],

p, pty;

// test prefixed code

function TestPrefixes(prop) {

var

Uprop = prop.charAt(0).toUpperCase() + prop.substr(1),

All = (prop + ' ' + CSSprefix.join(Uprop + ' ') + Uprop).split(' ');

for (var n = 0, np = All.length; n < np; n++) {

if (d.style[All[n]] === "") return true;

}

return false;

}

for (p in props) {

pty = props[p];

test[pty] = TestPrefixes(pty);

}

return test;

}());

if (Detect.transition) {

$(function(){

$(window).scroll(function() {

//your code here

//remember to use an if else