jquery - 滚动效果不起作用

标签 jquery html css scroll effects

您好,我在我的 html 模板页面中使用 Scroll Content Presenter 来提供一些效果。但它只工作一次。我第一次向下滚动页面时,div 显示效果并且不透明度设置为1,所以下次就没有显示效果了,我尝试改变条件,但效果不佳

我的代码是,

if(n(this).css("opacity")==0)
{
     u=n(this).attr("data-direction"),
     r=n(this).attr("data-easing"),
     n(this).css({opacity:0,display:"none"});

     switch(o[0]){
          case"blind":
               n(this).show("blind"
                     ,{direction:"horizontal"},1e3)
                     ,n(this).animate({opacity:1}
                     ,{duration:1e3,queue:!1,easing:r}
               );
          break;
     }
}

谁能帮帮我

最佳答案

我认为问题在于向上滚动。当您向上滚动页面时,元素样式必须刷新或动画化。在再次向下滚动之前,元素必须获得第一个状态,直到页面可以为它们设置动画。

关于jquery - 滚动效果不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28291966/

相关文章:

javascript - 如何无限期地制作 html Canvas "scroll"?

html - 有没有办法使用 CSS 基于屏幕中心(水平)定位某些东西?

html - 在设计布局 (CSS) 方面需要帮助

javascript - 删除输入字段的内容jQuery

javascript - 放入后数组元素丢失 .innerHTML = ""

javascript - 单击按钮时设置 JCrop 的宽高比?

html - Internet Explorer 站点兼容性

jquery - 使用 jQuery 更改 index() 值

javascript - 是否可以在有限的时间内停止js代码的执行

javascript - 如何将本地镜像加载到按钮中