nnattawat / slidereveal Goto Github PK

View Code? Open in Web Editor NEW

168.0 12.0 44.0 11.81 MB

Show side panel by sliding from the left or right of the page.

Home Page: http://nnattawat.github.io/slideReveal/

JavaScript 72.93% HTML 27.07%

slidereveal's Introduction

Slide Reveal

Show side panel by sliding from the left or right of the page.

Getting Started

Download the production version or the development version.

Or install using bower.

bower install slidereveal

In your web page:

<script src="jquery.js"></script>
<script src="dist/jquery.slidereveal.min.js"></script>

<div id="slider">Hello World!!</div>
<button id="trigger">Hello World!!</button>

<script>
$(function($) {
  var slider = $("#slider").slideReveal({
  	trigger: $("#trigger")
  });
});
</script>

The plugin does not add any CSS to your side panel. So, you need to style it yourself for a nice panel or a beautiful navigation.

Documentation and Examples

Please refer to its github.io

Release History

See the release page

How to Contribute

See the contributing page

slidereveal's People

Contributors

Stargazers

Watchers

slidereveal's Issues

Deinitialize/unbind function?

Hi,
is there an unbind or deinitialize function at the plugin?
I have an menu which is getting a sidebar if the window is resized to mobile but if I resize back actually I have only found the possibility to remove style
.removeAttr('style');
But if I make the window smaller again only the left attribut will work proper and no transition.

Kind regards

License ?

Is there a license associated with this project?

MIT, BSD, etc ?

Error

getting this error
TypeError: paddingLeft is undefined

paddingLeft = +paddingLeft.substring(0, paddingLeft.length -2);

Scroll

When the menu list is very long, it does not show a scroll. As I can show?

How to check if panel is opened?

Hello! How to check if panel is opened?
Thanks!

SlideReveal Overlay options cause closing panel on outside click

slidereveal overlay option cause sliding panel auto close. Please fix this issue by an option like boostrap modal.

problem with the 'width' option

Hi,
I'm trying to use your plugin (which is great), but I'm facing a problem when I try to set the width.

See this fiddle : http://jsfiddle.net/rpf575qt/3/

with the default width (250), no problem. but when I set the width to 300, at the initialisation the "left" css property is set to -30000px, so my handle button is out of the viewport.

EDIT :
using parseInt() at line 19 and 95 as below fix the problem :

sidePosition = (parseInt(setting.width) + parseInt(paddingLeft) + parseInt(paddingRight)) + "px";

Thanks anyway

Custom close button

I have custom close button close button, but somehow I can't manage to close it
I'm new with jquery. I have an close icon and I did try

$('#slider').slideReveal("hide"{
trigger: $("#cart-close")
});
But it's not working, please tell me what am I doing wrong

Unbind Slidereveal

Is there a way we can unbind the slidereveal (for example, upon window resize, bind slide reveal for smller screens and unbind it beyond certain screen sizes) ?

Installation through Bower

I am using Bower as my package manager, but I get an error when trying to install slideReveal. I can install any other package.

bower install slidereveal

and the result:

bower ENOTFOUND Request to https://bower.herokuapp.com/packages/slidereveal failed: getaddrinfo ENOTFOUND

Slide behind window

It's posible slide behind a window or panel? like this:

https://www.youtube.com/watch?v=uedzFy_na2g&feature=youtu.be

Scrollbars not accurate

I noticed while using your plugin that the scrollbars for the body element stay to the right of the slideReveal panel (position: right) when they should be on the left side. Scrolling in the panel area scrolls the body as well, which seems unintended.

This could most likely be solved by allow specification of which element is to be "pushed" (eg, not the body element in this case) like the ScotchPanels plugin does.

Scotch does not allow for video backgrounds in the containing element, yet yours misbehaves on scrolling and does not allow me to specify the proper element to be pushed out of view when the panel opens.

I am hoping to modify one of your plugins to make a solution that is error-free in this case. Just hoping you could point me in the right direction.

allow for sliding up or down

Currently, your options only allow for left and right. I think including 'up and 'down' would be awesome.

Allowing end users to change the width using dragging

I'd like the ability for end users to be able to change the width of the slide panel. Can you tell me how?

Bugs on iOS

Hi,
I have the problem on iOS that the sidebar is opened on start and I need two clicks on the trigger button before the sidebar is moving.

Cheers

Safari (9x)

The menu is always opening when visiting/refreshing a page in Safari. On all other browsers (Chrome, FireFox, Opera and even IE the menu remains closed). The first click on the chevron has no effect on the panel, but chevron rotates...a second click closes the menu. You can see it easily here: http://nnattawat.github.io/slideReveal/
:-)

Thanks Jens

[doc] some typo in the doc

hi, great work

I've spotted some typo in the doc page:

http://nnattawat.github.io/slideReveal/

$("slider")

should be

$("#slider")