Solved

header and footer flashing on mobile when scrolling

Posted on 2014-09-19
8
97 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
  • 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 42

Expert Comment

by:Rob Jurd, EE MVE
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
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
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
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 

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 42

Accepted Solution

by:
Rob Jurd, EE MVE 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 42

Expert Comment

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

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

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.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

757 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now