在特定滚动位置淡出

时间:2017-06-04 11:55:20

标签: javascript jquery html css

我现在可以在特定的滚动高度淡入淡出。但是现在我也希望淡出特定的滚动高度。我的淡出代码:

<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;

如何在特定高度淡出?

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery提供的fadeIn()和fadeOut()函数:

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

这些职能的文件:

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