$(document).ready(function() {
$(window).scroll(function() {
if($(document).scrollTop() > 10) {
$('#nav').addClass('shrink', 1000);
}
else {
$('#nav').removeClass('shrink', 1000);
}
});
});
我正在尝试让jquery过渡就像css过渡一样。当你向下滚动时,转换就会发生。
css transition: transition is in css. transition: all ease 0.5s
发布于 2017-09-04 23:39:15
您还应该在javascript文件中选择徽标元素,并添加以下内容:
$('#logo').addClass('shrink', 500);
$('#logo').removeClass('shrink', 500);
你应该在你的#nav.shrink #logo
文件中使用#logo.shrink
而不是css。
这是一个JSFiddle
https://stackoverflow.com/questions/46043641
复制相似问题