【问题标题】:jQuery: Changing opacity of an element while scrollingjQuery:滚动时更改元素的不透明度
【发布时间】:2014-03-13 02:51:26
【问题描述】:

如何在滚动时更改元素 mm 的不透明度,例如内容?我的意思是,当页面滚动时,我希望我的图层是半透明的,但是当我停止滚动时,希望它恢复到不透明的样式。

【问题讨论】:

  • 你试过什么? .scroll().css({ opacity: xx }) 不应该工作吗?

标签: transparency opacity


【解决方案1】:

这个脚本对我有用。我想在前 150 像素期间显示一条消息,因此不透明度将从 1 运行到 0。

    $(document).ready(function(){
        $(document).scroll(function(){
            var top=$(this).scrollTop();
            if(top<150){
                var dif=1-top/150;
                $(".title").css({opacity:dif});
            }
        })
    });

【讨论】:

  • 谢谢,非常感谢。
猜你喜欢
  • 2015-02-22
  • 2021-08-26
  • 1970-01-01
  • 2012-09-07
  • 1970-01-01
  • 1970-01-01
  • 2013-05-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多