2013-10-05 51 views
1

的底部,保持滾動條總是我用如何在頁面的底部不斷滾動條總是

$(document).ready(function() { 

    $(function() { 

     $("html, body").animate({ scrollTop: $(document).height() }, "fast"); 
    }); 
}); 

它是工作在Firefox中,但它不是在鉻工作。 爲什麼它不能在chrome中工作?任何人都可以向我建議將滾動條始終保留在頁面底部的好方法。

感謝所有幫助

+0

我不完全確定問題是什麼。你想讓滾動條貼在頁面的底部,這樣如果用戶移動它,它會向下移動?或者剛開始時。我正在使用chrome,並且此代碼適用於我。 http://jsfiddle.net/RHSFR/ –

回答

2

如果你想回遷頁面的底部,即使用戶試圖向上滾動,你將需要調用的間隔的功能。

$(document).ready(function() { 

    function scrollBottom(){ 
     $("html, body").animate({ scrollTop: $(document).height() }, "fast"); 
    } 

    setInterval(scrollBottom, 500); 

}); 

您可以玩間隔獲得所需的UI交互性。

或者,您可以綁定到滾動事件,這將在用戶滾動時觸發。

$(document).ready(function() { 

    $(window).scroll(function(){ 
     $("html, body").animate({ scrollTop: $(document).height() }, "fast"); 
    }); 

});