Menu Length Issues about pushy HOT 10 CLOSED

(1) Just add the following to the .pushy CSS class:

overflow: auto;
-webkit-overflow-scrolling: touch;

This will add scroll bars to the menu when the menu is longer than the page.

I would also recommend adding height: 100%; to your html,body css class as-well. This seems to fix the focus scrolling in Safari (OS X).

And if you want to take it even further, you can style the scroll bars so they appear in OS X Mountain Lion (since they are invisible by default):

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(156, 156, 156, .5);
}

(2) I wasn't able to recreate this issue on my machine with Safari (OS X)

Thanks for trying Pushy and I hope this helps!

from pushy.

Chris,

Thanks for the recommendations. I love the simplicity of your code and menu. The latest 0.9.1 build fixed the issue!

from pushy.

Glad I could help! Feel free to let me know (twitter.com/cmyee) if you use Pushy on any of your sites, I would love to see how other people use it!

from pushy.

I'll be sure to send you our website once it's finished! By the way, I noticed that when I add a URL to a menu link, the menu does not close when I click on the link.

Any recommendations on how to get the menu to close after a link has been clicked?

from pushy.

Pushy should close when a link is clicked either in the menu itself or in the #container div. I've tested with hash links & external links inside of the menu and it seems to work as intended.

When the menu is open, a "site-overlay" div should cover the body. So if the user clicks anywhere on the #container div, the menu will close.

I can't seem to reproduce the issue as described, seems to be working as intended on my machine.

from pushy.

I understand that hash links and external links close the menu. However, for some reason relative links and absolute links don't close the menu.

For example, the following relative link does not close the menu:

<li><a href="page.html"></li>

Nor does the following absolute link:

<li><a href="http://www.website.com/page.html"></li>

from pushy.

Seems to work as intended in Chrome 30 & Firefox. It also seems to work fine in Safari, although I do notice that the animation for the menu closing doesn't happen when link is clicked. Although it does appear to close the menu, either the animation isn't happening or it's happening too quickly on my Mac (Safari).

from pushy.

Yes, I do notice that it works in Chrome. In Firefox, the animation is much faster and less smooth than a hash link animation. In Safari, the animation appears to not occur at all.

Any recommendations on how to show the animation in Safari and slow it down in Firefox?

from pushy.

I know that this is an old thread, but I just stumbled across your menu and love it. I'm beta testing my site right now and one person told me that the menu will be cutoff and unscrollable about 20% of the time on their iPhone6. I haven't had the opportunity to check on it myself, as I don't have an iPhone 6. No one else has reported this issue to me. Is this a known bug?

from pushy.

I love this menu, but I'm having the same problem as @unbreakablesense.

1. Open the demo page on an iPhone 6
2. Rotate your phone so that's in landscape mode
3. Now click the Menu button to reveal the Pushy menu
4. Click Submenu 3 to reveal the submenu links
5. If you try and scroll down on the Pushy menu now, you won't be able to view the links at the bottom.

I realise this is an old threat but I'm desperate to get this fixed.
Has anyone managed to get this fixed yet?
If so can you please provide the solution?

from pushy.