zoukankan      html  css  js  c++  java
  • 滚动条滚动到最底部的方法总结

    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;
        }
  • 相关阅读:
    【机器学习】关于判别模型和生成模型
    Delphi新手跟我学写CALL,附完整原程序
    QT事件研究的文章
    杂烩:QWidget、QGraphics、QtQuick
    Golang全接触
    学会使用git
    代码创建 WPF 旋转动画
    值得推荐的C/C++框架和库 very good
    可恶的QT隐式共享
    Notes on OpenSSL and Qt(ssl.pri,qsslocket_openssl_symbols.cpp)
  • 原文地址:https://www.cnblogs.com/bluestear/p/9418575.html
Copyright © 2011-2022 走看看