How do you insert content in front of a page without changing the location that the user sees?

as the title, we are going to do an e-book reader on the web side, and the back end will send us content according to each chapter.
our reader scrolls vertically. For example, when we are looking at Chapter 5, the user scrolls down a little bit (for example, reaching 50% of Chapter 5) and gets the content of Chapter 6 from the back end and adds it to it in the way of append.

now there is a situation in which users roll online from the bottom of Chapter 5, such as scrolling to 50%, we should get the content of Chapter 4 from the back end and add it to Chapter 5 in the way of prepend.

but there is a problem at this time, that is, after prepend, everything is squeezed down and users are affected.

excuse me, in this case, how to add content to the front of the page without affecting the user"s reading?

Thank you

Mar.07,2021

Why not do it by turning the page? If pm gives me such a request, I might reject,:)


when adding nodes, use window.scrollBy (xnum,ynum) to scroll elements. The scrolling pixel sets the display:none for the height of the node you added


append when it comes in? Set it to block?

when you reach a certain location.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bc95c6-30965.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bc95c6-30965.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?