那麼,我想問題應該是nexttick()後滾動條確實到底部了,但是此時還沒有載入完,山龍數控系統密碼破解載入完成後滾動條位置就又變了。
此時,我們就找到了問題,那麼我們就可以得到下述解決思路:
獲取頁面內的所有聊天
遍歷獲取到的
每一張載入完成後就獲取可滾動容器的高度,然後修改滾動條位置
nexttick()後,等待150ms,然後獲取訊息容器的可滾動高度.
計算滾動條的位置
修改滾動條位置
實現**
接下來,我們來看下具體的實現**。
滾動條觸底
滾動條觸底時的部分**如下所示,完整**請移步:messageparsing.ts
nexttick().then(() => ;
}});
複製**
const bottomscrollbar = (
scrollheight: number,
messagescontainer: ref,
isbottomout: ref,
msglistpanelheight: ref,
isfirstloading: ref
) =>
};複製**
滾動條觸頂
滾動條觸頂時的部分**如下所示,完整**請移步:messageparsing.ts
nexttick().then(() =>
settimeout(() =>
}, loadingtime);
});複製**
在上述**中,定時器的時間是動態的,是因為我發現當載入的訊息超過20頁時,等待150ms已經拿不到正確的可滾動容器高度了,需要等待400ms。
發格數控系統解密
先說一下寫此系列的初衷 最近公司招聘高階前端崗位 於是面了很多人 這面著面著就有點 痛心疾首 了 因為我發現很多做了五年以上的同學還是停留在業務邏輯層 一般表現為專案經驗豐富 做過一些複雜的業務 但是對於框架或者工具的底層原始碼實現以及 js 的細節掌握並不到位 就比如 vue 的混入 mixin ...
FANUC數控系統的工具機資料採集
同西門子數控系統一樣,日本發那科 fanuc 生產的數控系統是全球數控工具機上裝備的主要的系統之一。從上世紀70年代以來,其生產的系統種類較多,較常用的如早期的fanuc 0 6 15 18系統等,後隨著數字驅動技術和網路技術等技術的發展,又推出了i系列的系統,如fanuc 0i 15i 16i 1...
基本概念 數控系統基本概念
第一章 基本概念 數控工具機cnc是一種按事先編制好的加工零件程式進行加工的高效 自動化加工裝置。是 computer numerical control machine tools 的簡稱。數控工具機較好地解決了複雜 精密 小批量 多品種的零件加工問題,是一種柔性的 高效能的自動化工具機。西門子系...