How to create a custom scrollbar on a div (Facebook style)

by

This link should get you started. Long story short, a div that has been styled to look like a scrollbar is used to catch click-and-drag events. Wired up to these events are methods that scroll the contents of another div which is set to an arbitrary height and typically has a css rule of overflow:scroll (there are variants on the css rules but you get the idea).

I’m all about the learning experience — but after you’ve learned how it works, I recommend using a library (of which there are many) to do it. It’s one of those “don’t reinvent” things…

More Related Contents:

  1. Close ad to continue as free user?
  2. How to add a black shadow on top of a div block with background image?
  3. Get the longest text in HTML document using Jquery or javascript
  4. Set cookie and get cookie with JavaScript [duplicate]
  5. How do you read CSS rule values with JavaScript?
  6. Load and execution sequence of a web page?
  7. Check if an element contains a class in JavaScript?
  8. JSFiddle code not working in my own page
  9. All About…. Z-Index?
  10. How to disable scroll without hiding it?
  11. HTML selected option background-color CSS style
  12. jQuery: Get selected element tag name
  13. Why my show hide button needs double-click on first time
  14. How to change style of iframe content cross-domain?
  15. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  16. width/height after transform
  17. How to print HTML content on click of a button, but not the page? [duplicate]
  18. Can I apply CSS to the elements within an iframe?
  19. Save a pre element as PDF with CSS
  20. “pointer-events: none” does not work in IE9 and IE10
  21. Div Z-Index issue with Flash movie
  22. jQuery Validation using the class instead of the name value
  23. Center flex item in container, when surrounded by other flex items
  24. Change the style of :before and :after pseudo-elements? [duplicate]
  25. How to create checkbox inside dropdown?
  26. collapse and expand tabs jquery / simple accordion
  27. Javascript-Setting background image of a DIV via a function and function parameter
  28. Remove scrollbar but not scrolling functionality [duplicate]
  29. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  30. fade effect using javascript no jquery?

Leave a Comment