文章/答案/技术大牛

发布

社区首页 >问答首页 >平滑更改背景图像

问平滑更改背景图像
EN

Stack Overflow用户

提问于 2014-06-19 12:35:19

回答 1查看 515关注 0票数 0

我试图使变化的背景效果附加到主体时，页面滚动在特定的数量，滚动速度为50%,20%,10%的页面

这是我到目前为止所得到的，Full Screen Fiddle

以下是示例代码：

HTML：

<div>
   <p>...</p>
   <!-- more <p> elements below -->
</div>

和脚本：

jQuery(window).scroll(function () {
   var JarakScroll = 200; // jarak scrol
   var JumlahJarakPasScroll = jQuery(window).scrollTop();
   if (JumlahJarakPasScroll > JarakScroll) {
       jQuery('html').addClass('scrolled');
   } else {
       jQuery('html').removeClass('scrolled');
   }
});

背景正在改变，但没有效果，有谁可以帮助应用好的效果吗？

jquery

html

css

javascript

回答 1

Stack Overflow用户

发布于 2014-06-19 13:34:17

如果你想让背景图像改变的效果更好，你最好将背景图像应用到两个div上，这两个div的宽度和高度分别为100%和100%，并使用z-index正确放置。

更具体地说，将第一个div放在第二个div的顶部，当您想要更改背景图像时，对第一个div执行fadeOut。这将是一个整洁的效果。我假设你可以自己编写代码。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24298866

复制

相似问题

问平滑更改背景图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问平滑更改背景图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问平滑更改背景图像
EN