如何在用戶向下滾動頁面結束時放下div？

所以我有一個<div class="more">Load more</div>「按鈕」（這個地方在<div class="video-body"></div>裏面）。
當你點擊它時，這個div從數據庫加載文章。
問題是，當記錄可見時，如果您獲取更多記錄，則必須向上滾動到按鈕。
這不是真的很好，如果你想獲得良好的用戶體驗。
所以我想達到，當用戶向下滾動頁面結束時，「按鈕」下降爲用戶，他可以點擊它。我tryed是這樣的：如何在用戶向下滾動頁面結束時放下div？

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

但按鈕只是堅持在那裏的地方，所以不動。
我也嘗試在css中設置fixed的位置，但是如果我設置了這個值，那麼div已經離開了主div。 編輯：
你可以在這裏找到一個演示：
http://neocsatblog.mblx.hu/addvideos/type.html
對於開放格，按Ctrl + I。

來源

2014-12-25 New Bie in Programing

你能發佈更多的代碼（html，js）嗎？ – cesare

添加了該帖子的演示。 –

如果你不喜歡在固定位置有這個按鈕「更多」，你可以組織不同的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(); 
     } 
    }

我希望這個答案可以幫助你:)

來源

2014-12-25 19:24:38 cesare

那麼，我註釋了css屬性，例如位置固定，並且按鈕堆疊在那裏。 html是正確的。 –

您還需要修改HTML和JavaScript。現在按鈕和帖子有相同的父div。如果你把帖子放在一個單獨的div中，按鈕將在這個div的底部。 – cesare

我不能添加這個視頻正文，因爲當你按Ctrl +我這個替換原來的HTML。所以很實際的每一個重要的內容來自video-name.php（當你crtl + i時你會得到這個）。當你得到這個文件時，你替換原始的源代碼。 –

好了，這是一個小鐳石光電解決方案。
因此，爲了改變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(); 
});

和代碼是包含表演的元素，所以當你點擊「視頻體」或懸停body元素，你得到的股利，但是當你徘徊的結果，DIV是走了，從來沒有noing。

來源

2014-12-26 00:01:01

如何在用戶向下滾動頁面結束時放下div？

回答

相關問題