1

I have successfully implemented Ariel Flesler's ScrollTo and serialScroll plug-in (http://plugins.jquery.com/project/ScrollTo) for a vertical scroll, overflow:hidden div. Here, the normal scrollbar does not appear, and instead the user clicks on buttons i have created which implement a gradual, eased scroll with Flesler's scripts. However, my problem is that I would like the scrollbar to appear - only for users who don't have JavaScript enabled, so that they can still scroll down and see all the content in that div without being able to use my manually implemented scrollers.

I have searched low and high for an answer so this is my last resort really. Thanks!

Bertrand Marron
  • 21,501
  • 8
  • 58
  • 94
rich
  • 11
  • 1

1 Answers1

2

You'll want to ensure the div has overflow:auto set initially in your CSS, then have Javascript change it to overflow:hidden later on.

This way, Javascript-disabled users will see the scrollbars, and Javascript-enabled users will not. 

<script type="text/javascript">
    $(document).ready(function(){
        // change yourDiv to whatever selector is needed
        $(yourDiv).css("overflow","hidden");
    });
</script>
Chris McFarland
  • 6,059
  • 5
  • 43
  • 63