I have a client who wants me to add a custom scrollbar to an iframe. In the iframe I'm bringing in the clients retail website, so the page height does not stay the same all the time.
On this site click on the "Retail Opportunities" link and a modal opens with their retail career site. I have tried adding a custom scroll bar but I had issues when I click on the jobs navigation since that page gets long. Had to take it off since it would not scroll beyond the initial height of the home page.
http://careers-adidas-group-com.tmpqa.com/
Does anyone know of any jquery that will work no matter what the height is. I'm still looking in the meantime.
Thanks
Debbie
There are lots of cool jQuery scrollbar plugins:
- jQuery Scrollbar
- jScrollPane
- mCustomScrollbar
- perfect-scrollbar
- slimScroll
- Scroller
- jQuery Custom Scrollbar
- baron
- NiceScroll
Some better, some worse, some can offer additional functionality you may need. I recommend the first one, but it's all up to you (you can compare scrollbars functionality in this spreadsheet). To use custom scrollbar in iFrame you should be able to modify iFrame page content to include styles, scripts and make necessary changes in HTML structure. Here is example how to use jQuery Scrollbar in iFrame.
The jQuery lib I've always used has been Perfect Scrollbar. Its well documented, widely used and is easy to setup.
Demo & Download: Click Here
Hopefully this is what you need
