Управление прокручиванием, при прыжке ссылок?CSS

Разбираемся в CSS
Ответить
Anonymous
 Управление прокручиванием, при прыжке ссылок?

Сообщение Anonymous »

У меня есть две проблемы с управлением Brollbar, которые у меня есть неполные решения:

Первый < /strong>, я хочу, чтобы новые данные были добавлены к предыдущим данным, когда страница прокручивается к Конец (не используйте кнопку запроса).
во -вторых, < /strong>, у меня есть iframes на странице, содержимое которого отображается путем перепрыгивания ссылки (и это также усугубляет первую проблему).
Я попытался представить свою проблему с самым простым кодом, чтобы помочь описать его (спасибо за ваше время, и я ценю это):

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

Код: Выделить всё






/*.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] page.php

Код: Выделить всё






/*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.



settimeout перестает работать после третьего раз (я знаю, что мне нужно увеличить время (от 50 до 1000), но это не идеальное решение).

Подробнее здесь: https://stackoverflow.com/questions/794 ... ping-links
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»