淡入特定滚动位置

Question

现在，我可以以特定的滚动高度淡入。 但是现在我也想淡出特定滚动高度。 我的淡出代码：

<script type="text/javascript">
    window.onscroll = function()
    {
    if( window.XMLHttpRequest ) {
        if (document.documentElement.scrollTop > 25 || self.pageYOffset > 25) {
            $('.pulse').css('display','block');
        } else if (document.documentElement.scrollTop < 25 || self.pageYOffset < 25) {
            $('.pulse').css('display','none');
    }
}

并在CSS中：

display: none;

如何淡出特定高度的光？

谢谢您的帮助

Answer 1

您可以使用jQuery提供的fadeIn（）和fadeOut（）函数：

//to show
$('.pulse').fadeIn(1000);
//to hide
$('.pulse').fadeOut(1000);

这些功能的文档：

http://api.jquery.com/fadeout/ http://api.jquery.com/fadein/