search

adchsm / Slidebars

Slidebars is a jQuery Framework for Off-Canvas Menus and Sidebars into your website or web app.
http://www.adchsm.com/slidebars/
MIT License
1.5k stars 307 forks source link

Slidebar makes parallax divs with background img position fixed dissappear #197

Open janeklubieniecki opened 9 years ago

janeklubieniecki commented 9 years ago

Hi, thanks for the plugin. It is really nice.

I making a website for work and have got an issue. I am using this plugin for parallax effect: http://pixelcog.github.io/parallax.js/

This plugin generates this code:

But slidebar is making the images dissappear.

Without the plugin, when I was just giving a background image fixed position, slidebar would make them dissappear too, or they would be showing only some part.

Would you please help me find the solution?

adchsm commented 9 years ago

Is this happening in Chrome by any chance? If you take a look at slidebars.css, you can remove line 219 which might help :)

https://github.com/adchsm/Slidebars/blob/master/dist/0.10.3/slidebars.css#L219

uwood commented 9 years ago

Hello Adam.

Thanks so much for your reply!

Actually, I've done cross-browser testing in IE11, Chrome, Firefox, & Safari. All seem to generate the same 'phantom' element. In fact... just removed line 219, as per your suggestion, and the issue persists. Thanks again for your time and direction on this.

Respectfully,

Ullysee Wood, Jr. phone | 301.537.9157 email | ullysee.wood@gmail.com skype | ullysee.wood.jr

On Fri, Sep 4, 2015 at 1:43 PM, Adam Smith notifications@github.com wrote:

Is this happening in Chrome by any chance? If you take a look at slidebars.css, you can remove line 219 which might help :)

https://github.com/adchsm/Slidebars/blob/master/dist/0.10.3/slidebars.css#L219

— Reply to this email directly or view it on GitHub https://github.com/adchsm/Slidebars/issues/197#issuecomment-137802741.

janeklubieniecki commented 9 years ago

Dear Adam,

Thanks for such a fast response. Unfortunatelly I have tried before with the delete of line 219, but it didn't change the situation.

I have checked that when on line 64 I choose background-color: transparent, the images are showing up (thus they were hidden beneath that layer), but he structure of the page is getting broken anyways. What's happening is that the content of the page is ignoring the height and space that is ascribed to the background images. It behaves as if this space didn't exist and the content rolls over that space. Well...maybe it's difficult to explain. Maybe you'd need to see for yourself. Not sure if you've got time or anything.

If it was just a conflict with a given parallax plugin, that'd be fine, but when I was trying to use background-attachment: fixed on divs with background images, the Slidebar would brake that too.

Anyways thanks for help and contact. If you found a solution, I'd be thrilled to here it. It'd be nice to combine slidebar with parallax, for slidebar is magic to use :) Any suggestion about the parallax plugin that is compatible with the Slidebars?

Take care, Jan