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

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

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

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

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

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

點擊鏈接, 就會跳轉(zhuǎn)到聊天頁面, 并且自動滾動到step1處了

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

渲染頁面后,手動滾到下面,我以前是這樣做的

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

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

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

然后訪問的時候直接在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