移动端IOS第三方输入法遮挡底部Input及android键盘回落留白问题

转载于 2017-12-08 16:46:00 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LChenglong/p/8006105.html

文章标签：

#移动开发

本文介绍了一个简单的JavaScript脚本，该脚本使消息框在获得焦点时自动滚动到底部，并在失去焦点时停止滚动。这对于实现实时聊天应用或消息系统的用户体验非常有用。

     var interval;
        //消息框获取焦点
        $('#J_text').focus(function(){
            interval = setInterval(function() {
                scrollToEnd();
            }, 500)
        })

        //消息框失去焦点
        $('#J_text').blur(function(){
            clearInterval(interval);
        })
//滚动到底部
function scrollToEnd(){

document.body.scrollTop = document.body.scrollHeight;
}