How to make scroll bar permanently visible on Mac OS using CSS or jQuery


Tags: jquery,html,css,osx

Problem :

I want to make scroll bars permanently visible on Mac OS, but I don't know how to do it, I tried something like :

var topVal = $(".content").css("top"); //alert(topVal);
var val=parseInt(topVal.replace("px",""));
val=val+20;
$(".content").css("top", val+"px"); 

also something like this :

var g=jQuery('.all-notifications-feed');
g.scrollTop+=1;
g.scrollTop-=1;

of course I used interval to repeat code every 0.2 sec.



Solution :

I agree with @DinoMyte ,

 overflow:scroll 

would be a good option for this if all you want to do is show the scroll bar.

Here is the link to overflow property .

http://www.w3schools.com/cssreF/pr_pos_overflow.asp

Also another way to force the scroll in safari

http://jsfiddle.net/simurai/UsvLN/

Credit goes to http://simurai.com/blog/2011/07/26/webkit-scrollbar

Hope this helps.


    CSS Howto..

    how to trace this computed CSS value in firefox inspector?

    CSS: How can I force a display: table-cell box to have a fixed width of 50%?

    how to setup capybara-webkit to test ajax calls and get screenshots(html with css and javascript loaded)

    How to set the Border Color of a Flex Spark Button with CSS

    How to give 2 different Hyperlinks in css different colors

    How to remove dotted border around active hyperlinks in IE8 with CSS

    server-side control - how set background with css ? (link & hover)

    How do I require an HTML document (webpage) to be a certain size, or use scroll bars

    Show hidden image with jQuery

    How to only show certain parts with CSS for Print?

    How can i setup multiple sites within a single ASP.Net project?

    How to make a website to occupy the entire element?

    CSS Less changes not showing. Compile or IIS error?

    How to achieve mouseover effect where a hover div slides in from the side

    How to stop people from viewing my HTML and CSS [closed]

    How to make divs re-arrange when another div is positioned between existing?

    How to highlight main label for checkbox input using css or jQuery

    How to reduce space between unordered list and its previous element(center)?

    jQuery UI sortable: how to leave css values of changed items untouched?

    How to verify that google web font is working or not?

    How to center a relative div in my case?

    How fix labels placement so them not overlap in DevExpress js chart?

    How do I remove the gap between the header and image slider

    How to auto adjust (stretch) div height and width using jQuery or CSS

    How can i disable the bootstrap hover color for links

    How to traverse and click on Next & Cancel Button (On PopUp) using selenium webdriver

    How to perform --include-css when using the Jekyll stylus plugin

    How to manage z-index of navigation menu?

    How to make links one link per line, only in the footer via css?

    How to add opacity on background?