2014-06-19 116 views
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'); 
    } 
}); 

背景发生了变化,但没有效果,任何人都可以帮助申请不错的效果?

+0

你想要什么类型的效果?淡入淡出? –

+0

任何,只要其光滑。不是特别的。 –

回答

0

如果你想要改变背景图片效果不错,如果你将背景图片应用到两个宽度为100%,身体高度为100%的div并且可以正确放置z-index 。

更具体地说,放置在第二个div顶部的第一个div,当你想要的背景图片变化,淡出第一个div。这将是一个很好的效果。我假设你可以编写你自己的代码。

+0

感谢您的建议。 –