2

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

user2686609
  • 109
  • 1
  • 3

2 Answers2

1

There are lots of cool jQuery scrollbar plugins:

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.

Community
  • 1
  • 1
Gromo
  • 1,609
  • 1
  • 13
  • 14
  • Thanks I will try this and see if this solves my problem. Right now this project is on hold. Once I work on this I will let you know which one works. – user2686609 May 16 '14 at 16:59
0

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

Stewartside
  • 20,378
  • 12
  • 60
  • 81