مثال روش اسکرول عمودی scrollTo() ویندوز - ویرایشگر آنلاین نمونه (oldtoolbag.com)

<!DOCTYPE html>
<html>
<title>مثال على طريقة scrollTo() لـ Window - تعليمية الأساس(oldtoolbag.com)</title>
<head>
<style>
body {
 margin: 0;
 font-size: 1.3em;
}
body > p {background-color: #ccc;}
#fixed {
 position: fixed;
 top: 0;
 width: 100%;
 background: #4285f4;
 padding: 4px 20px 20px;
 color: white;
}
</style>
</head>
<body>
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
نص يمكنه الارتجاع... نص يمكنه الارتجاع...
<div id="fixed">
 بالنقر على الزر، سيتم تمديد نافذة المستند إلى 500px:
 <button onclick="window.scrollTo(0, 500);">أحاول الآن</button>
<div>
</body>
</html>