Question

所以我有一个<div class="more">Load more</div>＆＃34;按钮＆＃34; （这个地方位于<div class="video-body"></div>）当您单击它时，此div将从数据库加载帖子问题是，当记录可见时，如果您获得更多记录，则必须向上滚动到按钮如果您获得良好的用户体验，这并不是一件好事因此，当用户向下滚动页面结束时，我想达到＆＃34;按钮＆＃34;为用户下来可以点击它。我尝试过这样的事情：

$( ".more" ).scrollTop( 300 );

但按钮只是贴在那里，所以不要动。
我也尝试在css中设置fixed位置，但是如果我设置了这个值，那么div就从主div中消失了。修改
你可以在这里找到一个演示：
http://neocsatblog.mblx.hu/addvideos/type.html
对于open div，请按Ctrl + i。

Answer 1

如果你不喜欢这个按钮＆＃34;更多＆＃34;在固定的位置你可以组织不同的html所以，你可以在视频体内创建一个div来推送新加载的帖子。

使用此解决方案，按钮将在加载的最后一个帖子之后。

所以你的HTML会是这样的：

<div id="video-body" class="video-body ui-draggable ui-draggable-handle" style="display: block; right: 31px;">
...
<div id="container-post">
    <div class="item">...
    <div class="clear">...
</div><!-- AFTER THIS DIV WE CAN ADD OUR BUTTON MORE -->

<div id="more" class="more">Továbbiak betöltése </div>

现在你应该改变一点点javascript的功能加载新帖子。内部javascript：

function(data){
       if(data){
            $('#container-post').append(data);  //We change the target where append data
            $more.removeClass('clicked').text($text_default);
            $('html, body').animate({scrollTop:$go_to},800);
            $start+=4;// 10 giá trị load ra
        }    
        else{
             $more.remove();
        }
  }

我希望这个答案可以帮助你：）

Answer 2

嗯，这是一个有点麻烦的解决方案所以变异div的地方，为什么不隐藏呢？像这样：

$( ".video" ).hover(function() {
    $( ".more" ).hide();
});
$( ".video-body" ).hover(function() {
    $( ".more" ).show();
});
$( ".video-header" ).hover(function() {
    $( ".more" ).hide();
});
$( ".video-header p" ).hover(function() {
    $( ".more" ).hide();
});
$( ".ytp-thumbnail" ).hover(function() {
    $( ".more" ).hide();
});
$( ".ytp-thumbnail" ).hover(function() {
    $( ".ytp-large-play-button" ).hide();
});
$( "body" ).hover(function() {
    $( ".more" ).show();
});



$( ".result" ).hover(function() {
    $( ".more" ).hide();
});
$( "iframe" ).click(function() {
$( ".more" ).hide();
});
$( "#player" ).click(function() {
$( ".more" ).hide();
});
$( ".video-body" ).click(function() {
$( ".more" ).show();
});

代码包含show元素，所以当你点击“video-body”或悬停body元素时，你会获得div，但是当你徘徊结果时，div就会消失，而且永远不会发生。

当用户向下滚动页面结束时如何放下div？

2 个答案: