博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
滚动条滚动到最底部的方法总结
阅读量:4569 次
发布时间:2019-06-08

本文共 871 字,大约阅读时间需要 2 分钟。

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;
    }

转载于:https://www.cnblogs.com/bluestear/p/9418575.html

你可能感兴趣的文章
java web 方面
查看>>
Spring 源码学习(2) —— FactoryBean 的使用
查看>>
wiki 3143 二叉树的前序、中序及后序遍历
查看>>
一位创业者创业失败后,成功的做了一个创业孵化器!
查看>>
程序猿打新总结 6月份 新股申购秘籍
查看>>
导出文本pdf文件
查看>>
C. Table Decorations(Codeforces Round 273)
查看>>
LayoutInflater和inflate()方法的使用方法
查看>>
TsFltMgr.sys系统蓝屏的原因就在于QQ电脑管家!
查看>>
Luogu P4306 JSOI2010 连通数
查看>>
爬取音悦台MV信息(requests,BeautifulSoup,xlwt)----待完善
查看>>
asp.net gridview 控件如何根据一列内容显示另一列的内容
查看>>
应用开发之Linq和EF
查看>>
EF架构~终于自己架构了一个相对完整的EF方案
查看>>
js-位置问题
查看>>
c语言实践 给三个数输出最大的那个数
查看>>
线性表
查看>>
jar包冲突解决方法
查看>>
Jason 和 Java 对象转化示例
查看>>
笔记_第一章_01
查看>>