Title: [Plugin: WP jScrollPane] Problem in IE7
Last modified: August 20, 2016

---

# [Plugin: WP jScrollPane] Problem in IE7

 *  [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/)
 * Heya!
 * Am thrilled with this plugin, has just opened up a whole new world of design 
   ops for WordPress! But enough with the flattery, I do have a small problem I’m
   hoping someone can help with: the jscrollpane does not work in IE7. Both a vertical
   and a horizontal bar appear, but in the classic browser style. Works beautifully
   on other browsers.
 * [http://www.tout-terrain.com/concevoir/](http://www.tout-terrain.com/concevoir/)
 * Any ideas?
 * Thanks all!
    -jennyb
 * [http://wordpress.org/extend/plugins/wp-jscrollpane/](http://wordpress.org/extend/plugins/wp-jscrollpane/)

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [fawkesblog2](https://wordpress.org/support/users/fawkesblog2/)
 * (@fawkesblog2)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522333)
 * Hi Jenny
 * Not sure i can help other than suggest updating to the latest version.
 * I do have a question. I notice that you have arrowheads above the scroll bars
   and the scroll button is styled. Love it, can i ask how you did that?
 *  Thread Starter [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522338)
 * Heya,
 * I do believe I’m using the latest version, but I will double-check. Glad you 
   like it! The arrows and scroll bar decoration were done simply by creating the
   images, then adding them as backgrounds to the elements. So for the arrows I 
   did:
 *     ```
       #content .jspVerticalBar .jspArrow.jspArrowUp {
       background: url("images/scroll-arrow-up.png") no-repeat scroll center center #000000;
       height: 30px;
       }
       #content .jspVerticalBar .jspArrow.jspArrowDown {
       background: url("images/scroll-arrow-down.png") no-repeat scroll center center #000000;
       height: 30px;
       }
       ```
   
 * If you have firebug or a similar plugin for your browser, you can use it to dissect
   the page. 🙂
 * cheers,
    -jennyb
 *  [fawkesblog2](https://wordpress.org/support/users/fawkesblog2/)
 * (@fawkesblog2)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522343)
 * Thanks jenny, Where would i find that bit of code to edit to pick up the images?
 * Cheers.
 *  Thread Starter [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522344)
 * Hya,
 * Not sure I understand the question. `#content` simply refers to the div where
   my scroll bar is applied, so you would replace with whatever div id you’re using.
 * `.jspVerticalBar .jspArrow.jspArrowUp` etc, are the classes defined within the
   plugin itself. I found them by using Firebug in my Firefox browser to dissect
   the page…placing this style rule in my own theme’s stylesheet overruled the css
   defined in the plugin.
 * Hope that helps!
    -jennyb
 *  Plugin Author [cornfeed](https://wordpress.org/support/users/cornfeed/)
 * (@cornfeed)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522346)
 * Hey all, I missed this thread, sorry.
 * [@jennybeaumont](https://wordpress.org/support/users/jennybeaumont/) I like what
   you have done. I have been needing someone to help me out with some css issues
   I am having with the new version and creating a standardized theme system. Would
   you be interested in helping??
 *  Thread Starter [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522347)
 * Hi cornfeed – are you the author of the plugin? I don’t have tons-o-time, but
   I’d be happy to help if I can. I haven’t upgraded to the latest version yet, 
   and still haven’t resolved that IE7 issue (which, for all I know may be resolved
   when I upgrade!)…I’ve moved onto another project that doesn’t use jScrollPane,
   but I’d definitely like to play with it some more to get a better handle on it.
   I’m sure to use again in the future.
 * Let me know what you need.
    cheers, -jennyb
 *  Plugin Author [cornfeed](https://wordpress.org/support/users/cornfeed/)
 * (@cornfeed)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522348)
 * Its all css stuff that I don’t grasp. If you go to stage.alltechservices-ia.com,
   the full-page scrollbar has been turned into a themed bar on the left. it is 
   using the “WinXP” theme, but as you will see, the css is plenty wacky. I got 
   the idea from jscrollpane’s author’s old website [http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html](http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html)
   
   If you have time, I would really like to get WinXP and OSX working and following
   a similar structure to his new theme [http://jscrollpane.kelvinluck.com/themes/lozenge/](http://jscrollpane.kelvinluck.com/themes/lozenge/)
   This way I can have examples for users to create their own themes from. I made
   it so the plugin can have as many as you want 😀
 *  Plugin Author [cornfeed](https://wordpress.org/support/users/cornfeed/)
 * (@cornfeed)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522349)
 * Oh also, I don’t know if you solved your IE7 issue, but it should support it.
   there are custom fixes for it in the script.
 *  Thread Starter [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522350)
 * Ok, I’ll give a look and see what I can do!
    -jennyb
 *  Thread Starter [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522352)
 * it looks like you’re already rocking the “lozenge” style you want within the 
   page on the posts…why not just use the same for the main page scroll? you would
   just need to copy the css from one file to the other, and eventually tweak colors,
   etc if you want…
 *  Plugin Author [cornfeed](https://wordpress.org/support/users/cornfeed/)
 * (@cornfeed)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522353)
 * First, yes I am the developer of the plugin. a step back…
    When Kevin updated
   jscrollpane, he put out the new Lozenge theme as an example. It is a great example
   for people who are going to need simple stuff like rounded corners and such, 
   but I would like to have another example that uses images, which has proved more
   difficult than I expected.
 * I started just like you said, copying the lozenge css mixing in the css from 
   the example page I linked earlier, but as you can see….
 * So I decided that a designer might be better suited to the task that I have spent
   too many hours on.
 * In the end, I would like to release the plugin with three themes; lozenge, winxp,
   and osx.
 * once I have that ironed out, I will probably add a way for creating themes. currently
   it loads all theme folders found.
 *  Thread Starter [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * (@jennybeaumont)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522354)
 * Ok, I understand a bit better what you are looking to do. Whereas I’m not a designer,
   but rather a web producer, I could probably help you hammer out the css to create
   the different themes. I would need some kind of example or mock-up to refer to,
   in order to know exactly what you’re after for each. Also, and here I have no
   experience in building wp plugins, we’d have to account for the user preferences
   offered. This bit actually caused me some probs, so maybe this new approach would
   help with that too: I had initially started using the admin settings to define
   some of my elements, but then when I started applying my own css, any time I 
   can back to those settings, it often over-wrote the other work I had done. Hope
   that makes sense.
 * Anyway – if you’d like to take this conversation elsewhere, you can email me:
   [emailme@jennybeaumont.com](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/emailme@jennybeaumont.com?output_format=md)
 * cheers,
    -jennyb

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘[Plugin: WP jScrollPane] Problem in IE7’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-jscrollpane.svg)
 * [WP-jScrollPane](https://wordpress.org/plugins/wp-jscrollpane/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-jscrollpane/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-jscrollpane/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-jscrollpane/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-jscrollpane/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-jscrollpane/reviews/)

 * 12 replies
 * 3 participants
 * Last reply from: [Jenny Beaumont](https://wordpress.org/support/users/jennybeaumont/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-jscrollpane-problem-in-ie7/#post-2522354)
 * Status: not resolved