Web Design Analysis: No scroll bar of the page screen jitter phenomenon

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Let the front-end design help out of the page, online test found that the page between the screen jitter phenomenon. How old is this compatibility problem? But a closer look reveals that this is not a compatibility issue. Instead, the problem is caused by a page without a scroll bar. Ask the front-end design to solve the solution, said there is no solution.

No way, I only search for ways to find my own. I believe these things are not problems, there must be a way to solve them. Here is the method I found, don't laugh.

What is a scroll bar? Look to the right side of the page, do you notice? With the win Windows operating system students are not unfamiliar with the scroll bar.

Scroll bars typically appear when the content is more than one screen. No scroll bars appear by default when there is no more than one screen.

The phenomenon of screen jitter occurs precisely because the human eye has obvious perceptual ability to the page module area of the same part. For example, the navigation section, the general whole station general one head navigation. Two pages between the navigation part of the dislocation 1 pixels can be clearly perceived.

Situation one: There is no scroll bar on the page

Friends of the Network friend Management page has 5 tags, but the process of switching to find almost every tab below and navigation is not the same spacing. Wonderful flowers.

Here are only a screenshot of 2 obvious pages, as follows:

Friends Network-Find Friends

Friends Network-Contacts

In this case, the label page of the horizontal line is unified with the head spacing. A pixel can be neither less nor more.

Situation Two: There is no scroll bar on the page

Page 1 has no scroll bars and page 2 has scroll bars. There is no dislocation on 2 pages. But only when you switch the page to find the head navigation jitter, page 2 is the scroll bar appears to the left to move 15 pixels.

Look at your friends page, as follows:

Friend Net-no scroll bar

Friend Net-scroll bar

Look at the distance between the red line and the right, obviously to the left.

Google search only found the interactive design of the Web scroll bar, but did not mention this phenomenon. Fortunately in the know to contact the Baidu Mux member Moonmonster, he gave me the answer

This is the current browser design problem, if you want a simple solution on their own site to customize a always appear scroll bar.

So, I didn't find an unexpected answer. can only be so stupid solution.

The scroll bar is fixed on the right side of Google homepage:

Google Home

On the last day of the year, write this blog post. Oh。

I wish you all a happy Spring festival

Unless noted: The article is Gauin original, welcome to reprint! Please specify this address, thank you!

This article address: http://www.gauin.com/gundongtiao-yemian.html