Jquery滑入并滑出框问题

时间:2016-05-13 11:24:13

标签: jquery

很久以前我开发了一个Jquery Slide并滑出了正常工作的盒子。当用户向下滚动并到达页面末尾时,我使用jquery animate函数来显示幻灯片和幻灯片效果。

这里是小代码片段

$(document).ready(function(){
    $(window).scroll(function(){
        if($(window).scrollTop() == ($('body').height() - $(window).height()))
        {
            // show container
            $('#slidebox').stop(true).animate({'right':'0px','opacity':'1'}, { queue: false, duration: 500, easing: 'easeInCubic' });          
        }
        else
        {
            $('#slidebox').stop(true).animate({'right':'-430px','opacity':'0'},{queue: false, duration: 500});          
        }
    });

$('#slidebox').bind('click',function()
{

$('#slidebox').stop(true).animate({'right':'-430px','opacity':'0'},{queue: false, duration: 500}); 

});

});    

这里是jsfiddle链接https://jsfiddle.net/wjvbK/27/,其中代码不起作用,但我无法捕捉到问题。所以寻找建议。感谢

1 个答案:

答案 0 :(得分:0)

您的代码工作正常,只是在JS Fiddle

中添加了onchange