Solved

header and footer flashing on mobile when scrolling

Posted on 2014-09-19
8
102 Views
Last Modified: 2014-11-12
Hi,

I have a site here:

http://www.cmspipe.com/dev

On mobile, when you scroll up and down the footer and header seem to flash. Any ideas what is causing this?

Thanks
0
Comment
Question by:coolispaul
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
8 Comments
 
LVL 21

Expert Comment

by:Randy Poole
ID: 40332331
I'm using a Windows phone 8.1 Nokia and I am not seeing the problem.
0
 
LVL 43

Expert Comment

by:Rob
ID: 40332352
I tested on my Android 4.3 phone on Chrome, Firefox, Opera and the built-in browser and the only effect I noticed was the background image (of the blue boot?) resizing as you scroll down.  This could be the flash you're talking about?
0
 

Author Comment

by:coolispaul
ID: 40332431
its happening on my samsung galaxy and it happens on iphone aswell i believe.

The resizing of the bg image is a seperate issue actually.

When you scroll down, then scroll back to the top the header flickers back into place. (same with footer) Do you not see that?

Thanks
0
MS Dynamics Made Instantly Simpler

Make Your Microsoft Dynamics Investment Count  & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.

 
LVL 43

Expert Comment

by:Rob
ID: 40332448
Nope, I don't see that on my galaxy s3 but it definitely does it on my iPad.

Are you using a css framework? I would highly recommend bootstrap http://getbootstrap.com
0
 

Author Comment

by:coolispaul
ID: 40332449
i'm not using a framework on this site actually, but yeah bootstrap is cool

Any ideas why it flashes?

Ta
0
 
LVL 43

Accepted Solution

by:
Rob earned 500 total points
ID: 40332451
Also try changing the viewport meta tag

from:
<meta name='viewport' content='width=device-width, user-scalable=no'>

to:
<meta name="viewport" content="width=device-width, initial-scale=1">

the viewport does strange things on iOS
0
 

Author Comment

by:coolispaul
ID: 40363177
hmm no effect on changing that

Ta
0
 
LVL 43

Expert Comment

by:Rob
ID: 40383599
Did you fix this as I can no longer access the dev site.
0

Featured Post

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Html date format 9 20
HTML INPUT 6 21
HTML editor custom button 3 59
CSS - how to make button/link change to black on hover? 2 18
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question