[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1241
  • Last Modified:

How can i force a vertical scroll bar in safari


I have a site whose content depth varies page by page causing a scroll bar to appear and disappear as required (in browsers such as firefox and safari). this in turn causes centred content to jerk to the left and right as pages are looked through.

EXAMPLE: - use the small arrows in the pink to black fade bar at the top of the content to look through the images and you will see the undesriable effect

In firefox i have added the css line overflow: -moz-scrollbars-vertical; to the body tag that contains everything in order to force the appearance of an inactive scrollbar when content is shorter than the height of the screen, thus mimicking the behaviour of IE.

As the site is for a MAC using company, and the content is likely to be viewed by MAC users i need to know what I can use to force an inactive verticle scroll bar to appear in the safari browser also.

1 Solution
Eoin OSullivanConsultantCommented:
Sorry .. but you cannot  force an inactive vertical scroll bar in Safari as far as I am aware.

Instead you need to make the page ALWAYS longer than the visible area so that a scroll bar is ALWAYS visible

html {overflow-y: scroll;}

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now