Schriftrollensteuerung, wenn Sie Links springen? ⇐ CSS

[Guest]

Ich habe zwei Probleme mit der Schriftrollensteuerung, die ich unvollständige Lösungen habe:

Ersten < /strong> möchte ich, dass neue Daten an die vorherigen Daten angehängt werden, wenn die Seite scroll Das Ende (Verwenden Sie nicht die Anforderungstaste). > Ich habe versucht, mein Problem mit dem einfachsten Code zu präsentieren, um ihn zu beschreiben (danke für Ihre Zeit und ich schätze es):

Index.php: < /strong>
< /p>

Code: Select all

/*.divscrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.divscrollbar::-webkit-scrollbar {
display: none;
}*/
.iframe {
display: block;
width: 900px;
height: 300px;
margin: 15px auto;
border-radius: 15px;
border: 1px solid black;
}




Request data





function requestdata() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function () {
document.getElementById("demo").innerHTML += this.responseText;

let allnewdata = document.getElementById("demo").querySelectorAll(".newdata");
let lastnewdata = allnewdata[allnewdata.length - 1];
setTimeout(() => lastnewdata.scrollIntoView({behavior: "smooth", block: "start"}), 50);
};
xhttp.open("POST", "request.php");
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("request");
}

request.php[/b]

Code: Select all

page.php

Code: Select all

/*html {
-ms-overflow-style: none;
scrollbar-width: none;
}
html::-webkit-scrollbar {
display: none;
}*/




Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Die SetTimeout funktioniert nach dem dritten Mal nicht mehr (ich weiß, ich muss die Zeit erhöhen (50 bis 1000), aber es ist keine perfekte Lösung).