| Код |
<html>
<head>
<title></title>
<script type="text/javascript">
function scrollNext() {
var howfar = document.getElementById('howfar').value;
window.scrollTop = document.body.scrollTop += howfar;
return false;
}
window.onload = function() {
var itemsEl = document.getElementById('items');
for (var i = 1; i < 100; i++)
itemsEl.innerHTML += 'item ' + i + '<br>\n';
}
</script>
<style type="text/css">
.toolbox {
position: fixed; float: left; top: 50px; left: 100px;
border: solid 1px Silver; background: #f5f5f5; padding: 5px;
}
.toolbox span { cursor: pointer; }
</style>
</head>
<body>
<div class="toolbox">Scroll by <input id="howfar" type="text" value="120" size="4">
<span onclick="scrollNext()">Go!</span></div>
<div id="items"></div>
</body>
</html>
|
|