繁体   English   中英

淡入滚动并淡出滚动

[英]Fade in on scroll and fade out on scroll

我是新手。

我正在使用它使div出现在滚动条上,并在我进一步滚动时使其消失。

运行良好。 当我通过1750时,它消失了。但是在页面加载时,div已经存在。 当我滚动到1500时,它应该会出现。

我需要的是1500和1750之间可见的div。希望您能提供帮助!

   <script type="text/javascript">
$(document).scroll(function () {
var x = $(this).scrollTop();
if (x > 1500) {
$('#form_1_container').fadeIn(150);
} if (x > 1750) {
$('#form_1_container').fadeOut(150);
}
});
</script>

这是网站= http://www.stilld.nl/brrreuk/

您可以查看是否滚动,div会消失。 但是随后开始脉动...

我在div上使用display = none。

你可以试试这个

$(document).scroll(function () {
    var x = $(this).scrollTop();
    if (x > 1500 && x < 1750) {
        $('#form_1_container').stop().fadeIn(150);
    }
    else{
        $('#form_1_container').stop().fadeOut(150);
    }
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM