如何在帖子完成后显示某些内容? jQuery的

时间:2015-12-05 18:33:47

标签: jquery

我创建了推荐内容框或另外检查,在屏幕的一角,当有人向下滚动显示框时,但当有人向下滚动直到帖子结束时,我想要这个框显示吗?
我的代码:

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 1) {
        jQuery('.recommended-content').css({
            right: "0"
        });
    } else {
        jQuery('.recommended-content').css({
            right: "-400px"
        });
    }
});

我的演示

http://jsfiddle.net/uikithemes/31xd8b5x/21/

2 个答案:

答案 0 :(得分:1)

您可以使用以下代码,以便当用户处理页面底部时,您推荐的帖子将变为可见

 jQuery(window).scroll(function() {
     if ($(window).scrollTop() + $(window).height() > $(document).height()-100) {
         jQuery('.recommended-content').css({
             right: "0"
         });
     } else {
         jQuery('.recommended-content').css({
             right: "-400px"
         });
     } });

答案 1 :(得分:0)

在您的代码中,您可以将条件更改为:

if (jQuery(this).scrollTop() > jQuery(".post").height() - 650)

小提琴: http://jsfiddle.net/xo90ct9x/1/