Does anyone know of a pulldown menu plugin in javascript?
First, before you say: Just use the select tag, that is not what I am looking for. I am looking for a plugin that forces the user to physically drag down a menu (similarly to the top bar of an android/ios5 device). And should the user release the menu before it's half way down, the menu should return to normal state.
Second, I am aware I could write one using jQuery drag, and that is what I will end up doing if I don't find a plugin... just thought I would ask before writing
Thanks,
So... nothing...
Good to know! Here is my code: http://jsfiddle.net/JXeWA/46/
Related
Recently I am creating a page with a small menu in the content, just to switch between different content topics. Nearly similar to a small slideshow, just with a simple line navigation above the content with the different topics.
So I am just looking through the web to find some alternative ideas for the typicall hamburger icon for the mobile version, since I am using it already for the main navigation.
I found this:
'http://codepen.io/fbrz/pen/bNdMwZ'
I dont want to use the pull-down function, but I love how the different menuitems appear and come from outside the content area in focus.
So I had the Idea of maybe just using the swipe menu-items, without the pull down function.
So my question is, did anybody of you have found or even created a similar navigation somewhere, and if yes where? I would love to find some more options/ideas?
Thanks as always for your input!
I think this could be something useful for you
Scroll Overflow Menu
I am looking for a feature that allow me to mouse click on a Navigation Menu and drag it. Suppose, if I have navigation menus such as HOME, ABOUT US, PROFILE, SERVICES & CONTACT US and among these menus if I click on HOME nav menu (without releasing the clicked mouse) and be able to drag it around the page upto a limited height of the page. When I say limited height, say upto the height of a particular banner with the height of 680px.
I tried to search on the net but was unable to find anything related to this funtionality or feature and do not know if such a thing can be created.
I would really appreciate if anyone can help me with any such feature and if yes then how can I achieve this.
Thanks in Advance. CJ
There is no plugin that I know of, or something already done, because this appears to be a simple drag and drop problem. I would recommend reading the guides here and implementing your own drag and drop for this problem.
I am a beginner at jQuery and I have been trying to place more than one div in one slide bar. Basically, I am working on auction site and I want a DIV which displays more than one item in same div with “Next” and “Previous” button arrows.
For example:
When you visit an auction site, one slide-bar should appear containing more than one item (multiple DIVs). The slide-bar should have a text that appears, saying “newly arrived item or recommended for you etc.”
Here's a screenshot of what I mean:
Is there any way to achieve this using jQuery? I have just recently started working with jQuery and I am stuck. Any help is much appreciated.
Assuming that “building your own” isn't an option for you, you could take a look at jQuery plugins like Smooth DIV Scroll, or any alike plugin that scrolls content horizontally left or right.
Generally, one of the nice places to find a multitude of jQuery plugins would be (for example) the jquery-plugins.net website. There you'll find usable plugins for what you're trying to do. Just one of many available there that also does what you're looking for: Any List Scroller – jQuery Plugin To Scroll Lists.
As said, there's more than a dozen alike plugins scattered all over the internet. All you need to do is to deciding which one fits your individual site best. In case of doubt, fire up your favorite search engine and look for “jquery div scroller”.
I need to create a mega menu similar to something used for this website.
this image may give more idea about what i am trying to achieve.
So far i am not able to find anything similar to the one used on website.
I came across jQuery Tools website with nice tabs. I am trying to integrate this my menu so that i can get an impression of mega menus.
So far i am not sure how i can integrate it will my navigation and make it look somthing similar to what is show in the image above.
I tried to make changes to css so that description div will show up next to sub menu but it is not coming up right.
Help in this regard is appreciated.
MY CODE of jsFiddle
I would appreciate help in this reading.
In the jQuery plugin selectyze (https://github.com/alpixel/Selectyze) that replace the standard selectbox (dropdown) there is a smal "problem" thats kinda irritating and I hope somebody maybe have a solution.
Problem
When expand the list and then place the pointer to a option and scroll the list scroll to the bottom, then when continue scrolling the page start to scroll also.
Example
http://demos.myjqueryplugins.com/selectyze/
Expand a select-menu then scroll.
Code
https://github.com/alpixel/Selectyze
I hope anybody maybe know what to edit to make the scroll of page stop when scroll in the selectbox. Thanks!
I have done it using this and extending the Selectyze js events.
Lets try it:
http://jsbin.com/ododut/5/