監聽dom元素高度變化

以body為例

<script>
    var initHeight = document.body.clientHeight;
    // Firefox和Chrome早期版本中帶有前綴
    var MutationObserver = window.MutationObserver|| window.WebKitMutationObserver || window.MozMutationObserver
    // 選擇目標節點
    var target = document.body;
    // 創建觀察者對象
    var observer = new MutationObserver(function(mutations) {
      if(initHeight != document.body.clientHeight) {
        initHeight = document.body.clientHeight;
        console.log('222',initHeight);
      }
    });
    // 配置觀察選項:
    var config = {
      attributes: true
    }
    // 傳入目標節點和觀察選項
    observer.observe(target, config);
    // 隨后,你還可以停止觀察
    //observer.disconnect();
</script>