How to scroll half page in Javascript
Question
Using this native javascript method:
window.scrollTo(500, 0);
How do I set my arguments to make it scroll to only half the page?
3 answers
solution1
3 ACCPTED 2018-06-13 16:36:09
To get the document's height instead of window height, you need document.body.scrollHeight .
function scrollHalf(){ window.scrollTo(0, document.body.scrollHeight / 2); }
body{ height: 3000px; background: #0fc0fc; } body:before{ top: 50%; height: 10px; background: orangered; content: ' '; width: 100%; display: block; position: relative; }
<button onClick = 'scrollHalf()'> Scroll </button>
solution2
0 2018-06-13 16:36:00
window.scrollTo(0, window.innerHeight / 2);
了解更多： https : //developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
solution3
0 2018-06-13 16:40:11
If you need the height of the entire page, select the <body> tag and get the height of it. Note that getElementsByTagName returns an array.
document.getElementsByTagName('body')[0].offsetHeight
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
page scroll reaches half way from the end javascript
Half Page vertical slider with scroll and Half Page Fixed
CSS half page fixed half scroll not working smoothly
javascript prints only half of the page
How to scroll down a web page using javascript?
How to scroll Facebook page plugin from javascript
How to scroll to top of page with JavaScript/jQuery?
how to scroll to an anchor on the page after a confirm with javascript
how to scroll down a page using javascript
How to print a half pyramid in javascript
Related Tags