Repository navigation
[documentation site] Back button does not scroll the page (solution included) #6751
Description
Activity
- changed the title
[-]Back button does not scroll the page[/-][+][documentation site] Back button does not scroll the page (solution included)[/+]on May 13, 2016 The only disadvantage of the above solution is that, when scrolling the left menu and reaching the end of it, the main page is scrolled. This is how the web works however. But I've a mini library for that:
https://github.com/ibc/dontscrollthebody
:)
/cc @nodejs/documentation
Should I report this issue in https://github.com/nodejs/nodejs.org instead?
Note that "About this Documentation" clearly states that:
If you find a error in this documentation, please submit an issue
(which points to this project)
#6641 should fix this, which I'll land shortly.
I had a similar hack planned in #6641, but decided to not mess with the scrolling.
- added a commit that references this issue
on May 15, 2016 - added a commit that references this issue
on May 16, 2016 - added a commit that references this issue
on May 17, 2016 - added a commit that references this issue
on May 18, 2016 - added a commit that references this issue
on Jul 27, 2026
NOTE: This happens in a computer view (big screen).
How to reproduce (at least in Chrome):
Class: http.ClientRequest.https://nodejs.org/api/http.html#http_class_http_clientrequesthttps://nodejs.org/api/http.htmlagain, but the page was not scrolled up.This is because
<html>and<body>have bothheight: 100%(this is OK), but then there is a main container<div id="content">which also hasheight: 100%, and there is where the problem is:By having a container with
height: 100%within the body, the scroll is not done on the body itself, but on the container. And unfortunately the Back button does not scroll back a div (but just the body element).The solution is to remove the
height: 100%of the<div id="content">(you can test it by removing such a CSS property in the browser inspector), but of course that requires changes for the left menu to remain fixed when the page is scrolled. Such a change just requires replacingposition: absolutewithposition: fixedin the<div id="column2">.To summarize:
<div id="content">removeheight: 100%.<div id="column2">setposition: fixed.