jquery实现元素高度变化页面变化

最新推荐文章于 2024-07-21 02:51:37 发布

weixin_34236869

最新推荐文章于 2024-07-21 02:51:37 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yanan7890/p/9875039.html

本文介绍了一种使用mousemove事件监听来实时更新页面中动态变化元素高度的方法，适用于如可拖动的textarea等场景。通过遍历并累加所有子元素的高度，实现了对页面总高度的动态调整。

试了几种方法包括有资料说的h5新特性，都没能满足我的需求。我的需求如下：

元素高度是动态可变的，比如可拖动teatarea元素

最后用到了指针监听事件解决了

@参考文档

$(document).mousemove(function(e){

//这一块处理页面高度

});

示例：

$(document).mousemove(function(e){
    var height="";
    $($("body div").children()).each(function(index,item){
        height+=$(item).height();
    });
    $('#replaceContent', parent.document).height(height);
});

View Code

<body>
    <div>
        <form id="form">
            <table>
                <tr><td><textarea rows="" cols=""></textarea></td></tr>
            </table>
            </form>
    </div>
</body>