鍍金池/ 問答/HTML5  HTML/ 一個(gè)div內(nèi)容需要時(shí)刻出現(xiàn)在父元素（設(shè)置了overflow-y：scroll）的

一個(gè)div內(nèi)容需要時(shí)刻出現(xiàn)在父元素（設(shè)置了overflow-y：scroll）的底部，保證聊天信息時(shí)最新的呈現(xiàn)在聊天框

問題一、項(xiàng)目是一個(gè)聊天的應(yīng)用，需要實(shí)時(shí)將最新消息展示在聊天窗口，使用了scrollIntoView方法
id為bottom的div是我想放在最底部的，只要它能夠展示，其他的聊天信息也能在它上面展示

document.querySelector("#bottom").scrollIntoView();

結(jié)果ieedge，chrome均報(bào)錯(cuò):

TypeError: Cannot read property 'scrollIntoView' of null;//chrome

TypeError: Unable to get property 'scrollIntoView' of undefined or
null reference//ieedege

回答
編輯回答
尐飯團(tuán)

render()方法是react組件必須的，它檢查this.props和this.state并且返回一個(gè)React元素，我們也可以返回null或false，代表我們不想有任何的渲染。無法獲取到相應(yīng)元素的屬性，render()方法應(yīng)該是一個(gè)純方法，即它不會(huì)修改組件的state，在每一次調(diào)用時(shí)返回同樣的結(jié)果。它不直接和瀏覽器交互，如果我們想要交互，應(yīng)該在componentDidMount()或者其他的生命周期函數(shù)里面。

2018年8月25日 21:38
編輯回答
短嘆

給父容器一個(gè)定位，下面留點(diǎn)padding，id為bottom的div絕對(duì)定位到底部

2017年12月27日 23:18