Editing Help:User style (section)

==== Fix the sidebar's position while you scroll ====
In the Vector Legacy skin, the sidebar's position can be fixed easily:

<syntaxhighlight lang="css">
/* Fix sidebar */
div#mw-panel { position: fixed;
  overflow: auto;
  top: 0px;
  bottom: 0px;
  height: 100%;
  /* Prevent content overlay when sidewards scrolling */
  background-color: #F6F6F6;
  border-right: 1px solid #A7D7F9;
}
/* Prevent sidewards scrolling in pre elements */
pre {
  overflow: auto;
  max-height: 25em;
}
</syntaxhighlight>

[[Image:Fixed sidebar.png|thumb|This script and CSS makes the sidebar stay in the same position on the screen as you scroll]]

This may have undesirable side effects in Chrome; e.g., when viewing a page like the very common.css page you just edited to put this code in, the viewable content will become much shorter, and require vertical scrolling in a frame.

The ''Cologne Blue'' skin has an option for a "floating left" quickbar, which causes the navigation links and toolboxes and such to stay in the same position on the screen while you scroll. This provides the same functionality for the ''Monobook'' skin (in Mozilla). See [[meta:Help:User style/floating quickbar]].