关于jquery滑出分区

关于jquery滑出分区,jquery,Jquery,我希望当用户向下滚动到绝对底部时,右边应该出现一个div,当用户单击close按钮时,它会向右滑动。我得到了一个非常相似的示例代码,但我希望当到达底部时,div应该出现。所以这里我给出了代码,告诉我要更改什么 <p id="last"> Some paragraph text </p> <div id="slidebox"> <a class="close"></a> <p>More in Technology &

我希望当用户向下滚动到绝对底部时,右边应该出现一个div,当用户单击close按钮时,它会向右滑动。我得到了一个非常相似的示例代码,但我希望当到达底部时,div应该出现。所以这里我给出了代码,告诉我要更改什么

<p id="last">
Some paragraph text
</p>

<div id="slidebox">
<a class="close"></a>
<p>More in Technology & Science (4 of 23 articles)</p>
<h2>The Social Impact of Scientific Research and new Technologies</h2>
<a class="more">Read More »</a>
</div>

$(function() {
$(window).scroll(function(){
    var distanceTop = $('#last').offset().top - $(window).height();

    if  ($(window).scrollTop() > distanceTop)
        $('#slidebox').animate({'right':'0px'},300);
    else
        $('#slidebox').stop(true).animate({'right':'-430px'},100);
});

$('#slidebox .close').bind('click',function(){
    $(this).parent().remove();
});
});

一些段落文本


谢谢

var distanceTop=$('#last').offset().top-$(window.height()
有效地计算“当
#last
元素出现在屏幕底部时”,也就是您的长方体正在制作动画时


我想您需要
var distanceTop=$('#last').offset().top+$(window.height()
应该是“当
#last
元素出现在屏幕顶部时”。

不太确定该
扮演什么角色。last
有,但是如果您想在用户到达网页底部时显示容器,您可以使用如下方式:

if($(window).scrollTop() == ($('body').height() - $(window).height()))
    $('#slidebox').animate({'right':'0px'},300);
else
    $('#slidebox').stop(true).animate({'right':'-430px'},100);

查看如下演示。

从javascript第3行中删除.offset()时会发生什么?我不想使用$(“#last”).offset().top,而是想计算用户是否已到达页面底部……如果已到达页面底部,我将做些什么。谢谢指导我。我成功了。这是我的全部代码。谢谢