淡入淡出效果
问题描述:
我已在此处添加了一个脚本。它工作的一种享受。但是,我试图对其应用淡入淡出效果时卡住了。在这一刻它只是切断。淡入淡出效果
script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function() {
var height = $('body').height();
var scrollTop = $('body').scrollTop();
var opacity = 1;
if(scrollTop > 400) {
opacity = 0;
}
$('.social').css('opacity', opacity);
});
});
</script>
编辑:我把这个和它的工作。非常感谢球员:
<script type="text/javascript">
$(window).scroll(function() {
// The social div
var $socialDiv = $('.social');
//Get scroll position of window
var windowScroll = $(this).scrollTop();
//Slow scroll of social div and fade it out
$socialDiv.css({
'margin-top' : - (windowScroll/3) + "px",
'opacity' : 1 - (windowScroll/550)
});
});
</script>
对不起,我有点笨,我把它改为$('。social').animate(“slow”); – Michael 2012-07-13 12:55:51
这里使用'.fadeTo()'更容易。你可以使用'$('。social')之类的东西。fadeTo('slow',opacity);'而不是'slow',你可以用它需要的毫秒数来淡出。例如,'$('。social')。fadeTo(500,opacity);' – RRikesh 2012-07-13 13:13:20