CODEWITHSUNDEEP
javascripthtmlioscss
jfw
jfw

Reputation: 140

iOS Odd Link Behavior

I have an odd problem with links on the following site in iOS:

http://www.bllink.net/aircraftindex.asp

Under the "Galleries" menu, tapping the links under the sub-menus (e.g. "Benny") does nothing. It looks as if Safari is going to navigate to the new page, but then it doesn't.

If you tap and hold, you have the option to open the link in a new tab, as expected, however.

Naturally, the site works fine on desktops.

The DIVs holding the links are NOT set to position:fixed, but to absolute.

Any ideas?

Upvotes: 3

Views: 153

Answers (1)

rofavadeka
rofavadeka

Reputation: 587

Get rid of javascript and use CSS to accomplish a dropdown menu. This will keep your code much neater and easier to read and your website will be compatible with browsers that have javascript turned off.

You can do this by using the :hover selector in css.

1) So make a list with your menu items or a div containing divs.

2) Hide the submenu's in css by adding: display: none;

3) Use the hover selector to show them on hover. for example:

   .menu .menubutton .submenubutton{
      /* selects the div or li within the class menubutton within the class menu */
      display: none;    }    .menu .menubutton:hover .submenubutton{
      /* uses the hover selector on the menubutton, then shows the submenu it contains */
      display: block;    }

for an indepth explaination see this article on csswizardry or google for "css dropdown menu": http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

Upvotes: 1

Related Questions