2017-04-24 69 views
1

如何查找React中頁面加載時整個文檔的高度?所以在jQuery中它看起來像這樣:獲取React中文檔的高度

$(document).height(); 

感謝您的幫助!

+1

document.documentElement.offsetHeight – Karthik

+0

http://stackoverflow.com/questions/1145850/how-to-get-height-of-entire-document-with-javascript –

+0

React不是一個DOM實用程序庫,它不提供任何功能。你的身高和你沒有React的時候完全一樣。 –

回答

1

找到頁面加載文檔的高度是一個太棘手,在我看來! 但是,在頁面加載後找到它是一件容易的事。 因此,試着在「componentDidMount()」函數中找到它!您可以使用:

  • document.documentElement.offsetHeight
  • $(document).height()

(事實也是陣營有一個內置的jQuery的版本,所以你可以實際使用第二種方式來獲得高)

例如:

import React, {Component} from 'react'; 

export default class YourClass extends Component { 
    constructor(props){ 
     super(props); 
     // ... 
    } 

    componentDidMount() { 
     console.log("document-height",document.documentElement.offsetHeight); 
     console.log("jQuery-document-height",$(document).height()); 
    } 

    render(){ 
     // ... 
    } 

} 
+0

當在React中使用$(document).height()時,我沒有定義$。 –