Git Product home page Git Product logo

sliiide's People

Contributors

ahmedrad avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sliiide's Issues

Toggle image by click or swipe

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

package.json

It would be nice to include a pacake.json file so that the repository can be downloaded with npm install.

Stay open

Hi,
Is there any way to make the menu stay open after clicking a link?
-Niels

Caching

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:

  • Cache the pane and read it from a file or memory
  • Defer the loading of the sliiide pane until everything else has loaded
  • Or something else?

That would be really helpful. Doesn't somebody else have this problem?

Menu scroll

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

License info

Hi! I am a member of CDNJS!
We would like to add this library to our CDN, and we need to check if its license is MIT. Thanks!
issue ref

Create events (OnSlide, OnSlideFinished)

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.

close navigation

need to close navigation when clicked anywhere out side navigation

preventDefault passive

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

no_scroll: true not working on mobile

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! :)

Scroll inside menu

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.

Close the menu

Hello,

I offer a small option,
If you click (close menu) close the menu?

Html Overflow-X: Hidden Issue

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.

IE Compatibility?

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.