Я настоящий любитель, когда дело доходит до кодирования. Я пытаюсь встроить веб-страницу в приборную панель, просто используя блокнот для написания HTML, получил немного, но ограниченный опыт программирования. Встраиваемая мной веб-страница содержит фиксированные элементы на странице, и до сих пор мне удавалось заставить страницу переходить по странице, останавливаясь на каждой из этих статей. Обратите внимание, что сайт, который я встраиваю, является внешним - он мне не принадлежит. У меня есть этот HTML-код, который включает в себя некоторый JavaScript, чтобы автоматически сделать iframe правильным размером для встроенной страницы.
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dashboardtest</title>
<style>
iframe{
width: 49%;
border: 4px solid #CB0F0F;
}
</style>
</head>
<body onload="pageScroll()" bgcolor="33ACFF">
<h1 style="font-family:Pacifico">Polls... the Results are In!</h1> <iframe src="https://yearbook.com/s/polls/" height="600px" id="myIframe"></iframe>
<script>
// Selecting the iframe element AUTO HEIGHT CODE
var iframe = document.getElementById("myIframe");
// Adjusting the iframe height onload event
iframe.onload = function(){
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
</script>
</body>
</html>
Ранее у меня был этот код:
<html>
<head>
<title>previousdashboardtest</title>
<meta http-equiv="refresh" content="10">
<script type="text/javascript">
<!--
function pageScroll() {
window.scrollBy(0,392);
scrolldelay = setTimeout('pageScroll()',1000); //Increase this # to slow down, decrease to speed up scrolling
window.setInterval(function scrollWin(){
/// call your function here
}, 5000);
}
//-->
</script>
</head>
<body onload="pageScroll()">
<iframe src="https://yearbook.com/s/polls/" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" width="100%"
height="45000px" style="padding: 0; margin: 0; border: 0;"></iframe>
</div>
<script>
function scrollWin() {
window.scrollTo(0, 0);
}
</script>
</body>
</html>
Он отлично прокручивался вниз, останавливаясь на каждом элементе вниз по странице. Но все окно прокручивалось, а это значит, что другой текст, который у меня есть на странице, будет прокручиваться вне поля зрения. Поэтому я встроил страницу в виде iFrame и просто хочу прокрутить Iframe. Это возможно? Или мне нужно попробовать другой способ. В идеале, в конце я бы хотел, чтобы он прокрутился вниз до нижней части Iframe, а затем вернулся к вершине на неопределенный срок. Примечание. Для встраиваемой страницы требуется вход в систему, поэтому при тестировании лучше использовать другую страницу.