javascript - 在特定滚动位置淡出

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

如何在特定高度淡出 a?

感谢帮助

最佳答案

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

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

这些函数的文档:

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

关于javascript - 在特定滚动位置淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44353800/

相关文章:

html - CSS:填充屏幕其余部分的 iFrame 未被大小恒定的 div 填充

javascript - jsPDF 中的 UTF-8 正在工作,需要帮​​助样式

javascript - 如何在 bootstrap 的帮助下在 css 中排序 div?

html - 带有CSS渐变背景的固定底部栏

javascript - 谷歌网络服务按位置获取时间?

javascript - Jankiness 与 Chrome 移动自动隐藏工具栏和全高 div

javascript - 折叠并展开所有 bootstrap 3 Accordion

javascript - 动画 :after using Jquery

php - 文档共享/聊天应用程序的安全方法?

jquery - 全屏 Bootstrap 4 旋转木马 Ken Burns 和淡入淡出