Giải quyết vấn đề search tô đậm, jump next prev trong khung chat giống skype

Vấn đề.

Vừa rồi mình có gặp một task khá đau đầu về search tô đậm text + jump next and prev với button giống như khung chat của skype. Cuối cùng mình cũng tìm được giải pháp, tuy chưa hoàn thiện, nhưng có thể coi là chấp nhận được nên share mọi người ạ.

Bối cảnh.

• Mình cần có 1 khung chat, có thể lazy load dùng scroll, nhưng đồng thời cũng có button jump next và prev, cái khó là button jump next và prev phải làm cho khung chat nhảy tới các kết quả kế cạnh, dù cho kết quả đó chưa được load ra (vì nó phải mapping với kết quả search và đôi khi tin nhắn đó từ cách đây 1 tháng