8

Is there any Javascript/Jquery plugins, or css tricks are available to hide scrollbar in Firefox / Edge (Native scrollbar) ? ie, i have to scroll the area but, the scrollbar should not be visible.

Arunjith R S
  • 792
  • 12
  • 23
  • `overflow: hidden;` ? – Ismail RBOUH Jul 28 '16 at 17:43
  • 2
    If this were the UX SE, I'd let you know I hated it when sites did that on my odd screen sized netbook and left elements outside the margin. Oh, and set sizes based on screen width, so stuff was off the bottom (looking at you gmail), and I couldn't scroll down to it, so I'd have to control-minus to shrink stuff. But this is not the UX SE, so I won't tell you how much I hate it when sites do that – infixed Jul 28 '16 at 17:46
  • 1
    You can work out the width of the scrollbar, increase the scrolling element's width by the width of the scrollbar, then put it inside an `overflow: hidden` container. It's a bit messy though. – gcampbell Jul 28 '16 at 17:52
  • Possible duplicate of [Hide html horizontal but not vertical scrollbar](http://stackoverflow.com/questions/2594389/hide-html-horizontal-but-not-vertical-scrollbar) – Florian Schaal Jul 28 '16 at 18:46

1 Answers1

14
<style>

   //Chrome, Safari, Opera
    body ::-webkit-scrollbar { width: 0 !important }  

    //Firefox
    body { overflow: -moz-scrollbars-none; }

    //Internet Explorer, Edge
    body { -ms-overflow-style: none; }

</style>
Code
  • 6,041
  • 4
  • 35
  • 75
Prakash Mhasavekar
  • 574
  • 1
  • 5
  • 16