You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 30-11-2013 03:30:38

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Accordion Issue

I have seen this on the demo site as we'll.  Using Ipad tablet.   If you select accordion under Tutorials... Select some of the accordion items.  The page scrolls upward and the page nav items disappear under the header.

The forum page performs correctly as the header nav menu and page content scroll together.

Is there a way for the accordion and nav menu to remain on the page and scroll expanding content down.   We lose visibility of the nav menu?

Last edited by rsalomone (02-12-2013 21:14:39)

Offline

#2 05-12-2013 16:29:50

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Accordion Issue

Again this is an issue on tablets (iPad tested).

I am trying to prevent pages from scrolling up when an item of an accordion is pressed.   The page should scroll down and display the item content.   However, the page scrolls up (and all the nav menu items disappear below the header).

How do I fix this?

Offline

#3 05-12-2013 16:39:37

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: Accordion Issue

Does this issue occure only on iPad? Can you give a link to page where you have problem?

Offline

#4 05-12-2013 20:57:18

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Accordion Issue

This happens even with tha tutorial example accordion on the Metro Ui site.

The Forum works fine.


This appears to be a tablet issue.  Yes.

Last edited by rsalomone (06-12-2013 02:46:09)

Offline

#5 06-12-2013 11:13:41

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: Accordion Issue

I don't have "I" things but I checked Tutorial website you mentioned in IThings online emulators (ipad emulator online in Google) and it works fine neutral. Maybe you should install developer tool in your IPad browser and try to find there the problem in CSS is on your device directly.

Can't help more. Sorry.

Offline

#6 06-12-2013 11:33:25

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Accordion Issue

Hmm, must be some kind of viewport issue. Which iOS version?

Temporary fix can be to set the "headerScroll" var to "false" for tablets only.

Offline

#7 06-12-2013 21:24:47

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Accordion Issue

It is IOS 7.

-----------------------------------------------------------------------------------
I tried your suggested fix in your post above.

Change had no effect.  Sorry. sad

Perhaps it is a CSS placement issue.

Last edited by rsalomone (09-12-2013 21:52:29)

Offline

#8 09-12-2013 23:17:58

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Accordion Issue

OK,

I have replaced my entire site with the demo (V4 b1) version.   I still have the same issue (and it appears the same issue is on your demo site).

I am stuck.

Offline

Board footer

Powered by FluxBB