鍍金池/ 問答/HTML/ 進(jìn)入聊天頁(yè)面的時(shí)候怎么樣才能直接看到最下面的內(nèi)容

進(jìn)入聊天頁(yè)面的時(shí)候怎么樣才能直接看到最下面的內(nèi)容

像微信一樣進(jìn)入聊天頁(yè)面的時(shí)候看到的是最下面,最新的的內(nèi)容,這個(gè)要怎么做呢,有沒有哪位大神知道的

回答
編輯回答
初心
  1. 在標(biāo)簽上設(shè)置一個(gè)ID屬性:

<div id="step1">
...
</div>
  1. 在a標(biāo)簽的鏈接上加上#step1:

<a >跳轉(zhuǎn)到聊天室的step1處</a>

點(diǎn)擊鏈接, 就會(huì)跳轉(zhuǎn)到聊天頁(yè)面, 并且自動(dòng)滾動(dòng)到step1處了

2017年7月10日 21:27
編輯回答
未命名

渲染頁(yè)面后,手動(dòng)滾到下面,我以前是這樣做的

2018年9月16日 12:20
編輯回答
脾氣硬

用錨啊。
在最下面的標(biāo)簽可以添加一個(gè) name=xxxx的錨,比如

<div name="latest"></div>

然后訪問的時(shí)候直接在url里添加

http://www.xxxxx.com/yyy/zzzzz#latest

如果你用了vue-router,而且是hash模式的話,可以用js來定位

document.body.scrollTop = element.offsetTop

其中element是你最下面的內(nèi)容所在的元素

2018年5月27日 23:37