ahmedrad / sliiide Goto Github PK
View Code? Open in Web Editor NEWThe easiest way to create a sliding menu with jQuery
License: MIT License
The easiest way to create a sliding menu with jQuery
License: MIT License
I noticed that the no_scroll: true parameter isn't working on mobile devices.
Also, you may want to add overflow: auto to the slideout menu area to enable scrolling if the menu items reach below the initial viewport.
On Chrome, when you scroll down (as it allows you to scroll), the URL area disappears and leaves a gap below the slideout menu the same height as the URL area was. This will probably be fixed when the no_scroll thing is fixed.
Let me know if you need more info - great script! :)
Noticed when toggling a class that there is a flicker for overflow-x: hidden on the HTML tag. I added overflow-x hidden as an attribute to my stylesheet to correct the issue. Not sure if this is the way to go but thought I'd report the issue.
Also, if I remove the toggle class jquery on click function that I created, the horizontal scroll bar flicker no longer appears.
Hope this helps.
It would be nice to include a pacake.json
file so that the repository can be downloaded with npm install
.
Hello,
I think it would be a very comfortable feature if you could enable a toggle icon (which is attached to the sidebar) by just enabling a setting. By toggle icon I mean something like this: http://i.imgur.com/DFICt4Q.png which lets you open/close the sidebar
Hello,
I offer a small option,
If you click (close menu) close the menu?
need to close navigation when clicked anywhere out side navigation
Hi,
I create a panel menu with Sliiide. I want to toggle the menu image when opening and closing the menu, by click or when swiping. How can I do this? Click is working, but not when swiping.
Example: lauralisa.nl/ralf (user rm/pass 643).
TIA!
Regards, Laura
I use sliiide. My site is rather large, with 450+ links in the sliiide pane. As a result, there's a white flash every time I load a page on the site because the sliiide panel is loaded.
Does anyone have any ideas to:
That would be really helpful. Doesn't somebody else have this problem?
I see quite a few issues when viewing in IE11 on my machine. The slid elements do not have their visibility unhidden and are not in the correct position. Also, on your demo site content from the bottom slide is appearing on the main page before clicking anything (the tweet button), the main text not vertically centered, and the menu hamburger is distorted.
In Chrome I found that if the content of the page is > the view height the bottom slider does not slide up all the way.
I tested this on a single page with a sliiide from each direction (similar to the demo) with horizontal slides 100vw, and vertical slides 100vh.
Slick library. Thank you for sharing it.
I've been getting reports of the plugin not working on Windows phones which seem to be using IE10: https://en.wikipedia.org/wiki/Windows_Phone_8#Web
Anyone else experiencing this?
Hi ! I like your plugin. Very nice. Is it possible to have an effect where the menu appears on the website without pushing it ?
It would be very helpful to work with events. Such as OnSlide which indicates if the animation is still ongoing or OnSlideFinished which should also pass the information if the side panel is now visible or not.
This would allow us to hide/show/modify the toggle button for example.
HI, Im trying the script but for example I got a large menu that is around 500pixels height. While this is fine on portait , on landscape the phone height is 375 so I need to scroll the menu in order to see all items but currently is not posible.
Thanks
When shadow pop up, click shadow should also deactivate sliiide too.
Slider wont initiate unless element is clicked twice. Should be noted I am using jquery 3.2.1
It's posible make slide behind a window popup or panel
https://www.youtube.com/watch?v=uedzFy_na2g&feature=youtu.be
Sorry, Issue can be deleted. Solved it and is not worth it to confuse other people. :)
Hi,
Is there any way to make the menu stay open after clicking a link?
-Niels
When no_scroll set to true if I want the scrolling disabled while the menu is active in settings, google chrome browser give that error when menu is active and every scrolling:
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/feature/6662647093133312
preventDefault @ sliiide.debug.js:369
Hi, I'm wondering if there is a way to scroll through a long list inside the Sliiide menu? I tried using overflow-y: scroll but no luck.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.