Comments (10)
@voodoo6 Thanks for these ideas, all are good ones, especially the first two. Iām not yet sure about that last one though? atm it might actually be quite weird as the whole page would start moving towards top on touch.
from responsive-nav.js.
yes, the first two would be GREAT additions
from responsive-nav.js.
The last point (click content to close) makes more sense in the context of a left or right off-canvas menu as opposed to a top down menu (where I agree it would be weird) - most famous example is probably the iOS facebook app - you can tap on the menu icon again or anywhere in the content to close the left off-canvas menu - makes much more sense when you use it.. Also, I found another plugin here that uses it.
Hammer.js - could be a good resource to get started with touch support?
This has attempted touch support which is not bad but it's a very rough proof of concept, (think it uses JQuery for the animation too?).
This for the smashing mag article is also a nice feeling implementation of an off-canvas responsive nav.. - however it uses 3D transforms to get the effect on the menu which feel really nice but caused problems for me when combined with position:fixed elements..
from responsive-nav.js.
Adding an off screen navigation to this would be wonderful.
from responsive-nav.js.
is it possible to have the menu overlay on top of the content? then the swiping down would make more sense. if the top bar stays in place. swiping down and up could open and close the menu, it would work very similar to the android OS design. very familiar to users.
from responsive-nav.js.
@dodozhang21 - I just used it as a fixed navigation by putting a wrap over the html markup and adding a z-index to it. That made the overlay effect.
from responsive-nav.js.
Hi there,
I've just dug a little deeper into this responsive navigation topic and found out the following:
- Many responsive navigation plugins and solutions out there miss fixed navigation, so it would be really nice to implement that despite the fact that it's quite easy to rewrite the code to achieve it. (Even I could do it, so it must be simple.)
- As of speed, responsive-nav is the best I've found, and it would be awesome to have off canvas left/right nav with this performance.
- Plus, having the same effect as on the site of jPanelMenu would also make my day, as I couldn't find any nice, simple and fast solutions out there for the same effect.
from responsive-nav.js.
@gerisk8 fixed navigation already is there. Will think about the left/right thing, but right now don't have it in the plans.
from responsive-nav.js.
navigation to left/right is very important and standard nowaydays. what about an implementation?
from responsive-nav.js.
C'mon! Left/right navigation and this will be the best responsive navbar for sure.
from responsive-nav.js.
Related Issues (20)
- Navigation height with nested <ul> HOT 2
- responsiveNav is not defined HOT 2
- left nav cascaded
- Nav is buged
- closeOnNavClick variable changes location
- Multi-Level Responsive Nav
- Just a navigation. Clicking on navigation doesn't slide to anchor points?
- Checking if class exists
- Add opacity onScroll
- Support for Multi-level Nav HOT 1
- Appears from left or right
- Change hamburger to be an image so doesnt flash on page load
- Multilevel not opening on Android Chrome
- Using different customToggle when js-nav-active
- Plugin installation failed. (No valid plugins were found.)
- Nav not scrollable on dropdowns (where submenus available)
- Not working
- Unable to preventDefault inside passive event listener invocation. HOT 1
- How to initialize with a toggle?
- Explanation for installation process
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
š Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ā¤ļø Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from responsive-nav.js.