page up down control buttons javascript
<!DOCTYPE html>
<html>
<head>
<title>Scroll Up and Down from buttons </title>
<script type="text/javascript">
var scrollHandler;
function btnup_mousedown() {
scrollHandler = window.setInterval(scrollUP, 100);
}
function btndown_mousedown() {
scrollHandler = window.setInterval(scrollDown, 100);
}
function scrollUP() {
var position = document.getElementById('divimg').scrollTop;
document.getElementById('divimg').scrollTop = position - 50;
}
function scrollDown() {
var position = document.getElementById('divimg').scrollTop;
document.getElementById('divimg').scrollTop = position + 50;
}
function onmouseup() {
window.clearInterval(scrollHandler);
}
</script>
</head>
<body>
<div style="width: 400px">
<div id="divimg" style="height: 568px; overflow: auto;
float: left; width: 80%;">
<img class="page-image" src="9.png">
</div>
<div id="divbuttons" tyle="height: 568px;float: left;width: 80%;">
<input id="btnup" type="button" value="Up"
onmousedown="btnup_mousedown();" onmouseup="onmouseup();" />
<input id="btndown" type="button" value="down"
onmousedown="btndown_mousedown();" onmouseup="onmouseup();" />
</div>
</div>
</body>
</html>
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password