Remove the 'Normal' Scroll bar from the page

This might work: html { overflow-y: hidden; }

Add inline style or class with JS when the slider is in full-screen mode etc.

@samuel Elh Thanks! Should of added I just want to do this for one page? How would this be possible?

Thanks.

Look at that page, inspect the source code, body element should have a class containing a page ID such as page-id-<ID>

So use this custom CSS: body.page-id-<ID> {overflow-y: hidden;} – use a plugin name Simple Custom CSS or add the following to the end of your theme functions file:

add_action('wp_head', function() {
  ?>
    <style type="text/css" media="all">body.page-id-<ID> {overflow-y: hidden;}</style>
  <?php
});

Just tried that and didn’t work unfortunately. Also need the scrolling still to work but just that scrollbar not to be there.

Thanks, any other ideas??

If you hide the scroll bar, the scrolling won’t be operational. You might want to style the scroll bar or something like that..

Can you share a link to your page? you said the CSS didn’t work..

Edit – check this fiddle https://jsfiddle.net/5GCsJ/954/

@samuel Elh

Thanks. I have found that is the best way to do it, found a plugin called Nicescrollr which I can make the scrollbar invisible via styling. Although because I only want it to work on one page do you know if it’s possible for a plugin just to work on one page??

Thanks!

@samuel Elh In fact, this is weird for some reason the plugin is working when I am on the WP dashboard the scrollbar isn’t there, but then on my actual pages it isn’t working

Hi!

Well, just look into the plugin interface, it might be offering that feature..

@samuel Elh In fact, this is weird for some reason the plugin is working when I am on the WP dashboard the scrollbar isn’t there, but then on my actual pages it isn’t working

If you want to use that plugin then, open a support topic in the support forums associated with that plugin, the author responds ??

Good luck.