滾動條滾動到最底部的方法總結

1，jquery

獲取scrollHeight：

$("div")[0].scrollHeight

$('div').prop('scrollHeight');

設置scrollTop

$(".chat-con").scrollTop(h);//這里沒有引號，注意

 

2，js

var div = document.getElementById('scrolldIV');

div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br />';

div.scrollTop = div.scrollHeight;

 

3，判斷元素是否在頁面中顯示，瀏覽歷史的時候，不到底部

function isNewInWindow(){

            // var div = document.getElementsByTagName("div");

            // div_length = div.length-6;

            // var l=$(".chat-con").children("div:last");

            var l=document.getElementsByClassName("chat-item");         

            if(isInWindow(l[l.length-1])){

                return true;

            }

            return false;

    }

    

    /*判定元素是否在界面內*/

    function isInWindow(x){     

         var h=$(".chat-con")[0].clientHeight;

            if(x.getBoundingClientRect().top >2*h ){

                // 元素低於當前界面

                return false;

            }

            else if(x.getBoundingClientRect().bottom < 0){

                // 元素高於當前界面

                return false;

            }

            return true;

    }