How to focus a div to scroll on default keys?

Asked Apr 11 '18 at 13:12

Active Apr 11 '18 at 13:28

Viewed 50 times

I have a div with overflow: auto; and the body with overflow: hidden;. But the page down key only works for the body tag. How can use the page down and page up keys to scroll a div without clicking on the div. Here is my code.

<html>
<body>
 <div><h1>Here goes the content</h1></div>
<style>
div {
 height:100vh;
 background:orange;
 overflow: auto;
}
</style>

edited Apr 11 '18 at 13:28

asked Apr 11 '18 at 13:12

Rushan

2

can you share the code what you have tried? – TessavWalstijn Apr 11 '18 at 13:13
It is a default property that when you click inside the div and than use your keyboard keys, the scroll will start working inside the div itself – Sonia Apr 11 '18 at 13:15
code example would help like jsfiddle etc – Asif Sharif Shahid Apr 11 '18 at 13:23
CBroe, That doesn't work for scrolling. – Rushan Apr 11 '18 at 13:47

How to focus a div to scroll on default keys?

0 Answers0