這個需求大概是這樣子: 我做的一個聊天Demo,在搜索框搜索用戶,可以滾動到指定的用戶。然后成選中狀態。 這是目前狀態,我搜索 南宮仆射 ,想要下面的用戶列表直接滾動到 南宮仆射 並改變CSS樣式。 查詢之后是這個子: 嗯,我的思路: 在搜索框搜索到用戶之后 ...
監聽滾動事件 mounted window.addEventListener scroll ,this.handleScroll , methods: handleScroll let scrollTop window.pageYOffset document.documentElement.scrollTop document.body.scrollTop console.log scrollT ...
2022-04-20 09:35 0 1322 推薦指數:
這個需求大概是這樣子: 我做的一個聊天Demo,在搜索框搜索用戶,可以滾動到指定的用戶。然后成選中狀態。 這是目前狀態,我搜索 南宮仆射 ,想要下面的用戶列表直接滾動到 南宮仆射 並改變CSS樣式。 查詢之后是這個子: 嗯,我的思路: 在搜索框搜索到用戶之后 ...
...
方案1: 該方案根據實際情況,會出現幾種問題,參考:https://www.jianshu.com/p/a5cd3cff2f1b 方案2: 該方案可以解決方案1中出現的問題,但不是平滑的滾動到指定位置 ...
項目中,本來想通過點擊左側列表讓頁面進行快速導航(根據 id="item" 和 a標簽的 href 屬性【<a href="#item"></a>】),不過滾動后的頁面一直是頂在瀏覽器頁面頂部的,不符合項目需求,所以就通過 js 代碼讓頁面進行指定位置滾動,代碼 ...
利用jquery實現頁面可視區滾動到指定位置。直接上代碼 offset() 返回或設置匹配元素相對於文檔的偏移。上述代碼中 -200 的意思是是文本域再向下移動200px,實現此功能主要是scrollTop配合animate動畫。 參考:scrollTop ...
首先獲取某元素的位置 第二部 top 就是元素在縱軸的位置 可以自己進行調整 這里選擇元素位置向上60px 就是-60 第三步滾動到指定位置 第二個參數為滾動時間 單位毫秒 ...
當頁面的長度比較長時,如果進行刷新頁面,我們希望能夠在刷新完成頁面之后,能夠停留在當前位置,而不是從頭再手動滾動到當前位置。 那么這樣的效果如何實現呢?下面開始簡單描寫(由於博客園不支持效果展示,所以效果自行復制代碼,運行查看咯) 頁面長度很長很長很長 頁面長度很長很長 ...
https://blog.csdn.net/learn8more/article/details/108047794 dom.scrollIntoView( { ...