Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]

by

For future reference there is also a solution without jQuery – just have the wrapper div style contain overflow:hidden and use this JavaScript two-liner:

// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;

// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";

See demo or complete HOWTO.

Update: you can use the same principle to create scrollable div without scrollbar: demo.

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to force browser to show image 3 inches wide?
  3. How to change css of a div with a certain id when hovering over a certain element anywhere in the whole webpage?
  4. Reloading a single div in an html page [closed]
  5. Pure JavaScript toggle for select / deselect all checkboxes [duplicate]
  6. fixing slider on my website [closed]
  7. Changing nav-bar color after scrolling?
  8. make html text input field grow as I type?
  9. focus doesn’t work in IE
  10. how to disable DIV element and everything inside [duplicate]
  11. Creating a select box with a search option
  12. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  13. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  14. jQuery position DIV fixed at top on scroll
  15. Fill available spaces between labels with dots or hyphens
  16. How to resize Twitter Bootstrap modal dynamically based on the content
  17. Uncaught TypeError: Cannot read property ‘top’ of undefined
  18. Detect browser wrapped lines via javascript
  19. Print repeating Page headers in Chrome [closed]
  20. Retain scrollbar position even after reloading using javascript
  21. How can I dynamically highlight strings on a web page?
  22. How to get on-screen visible element objects in jQuery? [duplicate]
  23. Detect if dropdown navigation would go off screen and reposition it
  24. Iframe inherit from parent
  25. How to display file name for custom styled input file using jquery?
  26. In JQuery, Is it possible to get callback function after setting new css rule?
  27. How to create a “show more” button and specify how many lines of text can be initially shown
  28. Include SVG files with HTML, and still be able to apply styles to them?
  29. A way to scroll an underlying div when mouse is on top of a fixed div?
  30. Bootstrap Dropdown menu is not working

Leave a Comment