Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multiple Panels on the same side #13

Closed
hongc-cc opened this issue Nov 7, 2014 · 4 comments
Closed

Multiple Panels on the same side #13

hongc-cc opened this issue Nov 7, 2014 · 4 comments

Comments

@hongc-cc
Copy link

hongc-cc commented Nov 7, 2014

Awesome work.
Is that possible to make multiple panels on the same side of a div?
With this function, we can build even a multilevel off canvas navigation

example:
http://codyhouse.co/demo/side-team-member-bio/

@whatnickcodes
Copy link
Member

This is possible, but you'll need to use the Callbacks API to do some custom stuff. I'll try and do a basic demo soon for you

@whatnickcodes
Copy link
Member

Hey here's the code: http://codepen.io/ncerminara/pen/ByBYqx

You could probably do this another way, but I basically just bring the current panel to the top using Z-index. This has obvious benefits over the example you showed because it can do ANY panel type.

I hope that helps!

@hongc-cc
Copy link
Author

Thanks yet it seems buggy using z-index on some browser, say, safari. The panel does not change with z-index until it's closing

@YuriCurtis
Copy link

Hey Nick!

I used your Off-Canvas tutorial and got the toggle working fine. I wanted to not only update to using the Scotch Panels plug-in but also implement the multiple panels on one side since ideally I want to be able to swap the stacking order just like the multiple panels and I am hoping you can give me some guidance regarding how to target the classes/id's properly. My issue is trying to translate the class names (site-wrapper, site-canvas, site-menu) from the tutorial to using the plug-in.

This is the site as it stands: My Site

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants