How can i force a vertical scroll bar in safari

Posted on 2009-02-17
Last Modified: 2013-12-07

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 Comment
    LVL 39

    Accepted Solution

    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;}

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    I had to do a bit of research to find the answer to this question so I thought I'd share my results.  Due to our outdated mainframe systems, we need to downgrade IE9 to IE8 in order to stay compatible.  We also needed to downgrade Java.  In order to…
    I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
    This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
    Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now