Adaptive method and system for page layout

Abstract

The invention discloses a page layout self-adaption method and system. The page layout self-adaption method comprises the steps of creating a page container; creating a father container outside the page container, and setting the width of the father container as the biggest width of a page; creating an outer layer container outside the father container; setting a left offset of the outer layer container according to the state of a scroll bar. According to the page layout self-adaption method, by creating the page container, the father container and the outer layer container in sequence, setting the width of the father container as the biggest width of the page, and setting the left offset of the outer layer container according to the state of the scroll bar, control over the page layout is achieved, slide show is achieved when the page is switched, and thus the situation that the shake phenomenon occurs to the same page due to the appearance of the scroll bar is avoided.

Description

technical field [0001] The present invention relates to the technical field of browsers, in particular to a page layout self-adaptation method and system. Background technique [0002] With the rapid development of the Internet, user experience is becoming more and more important on the basis of satisfying the availability of the public. A good user experience will bring higher user stickiness, user return rate, and stronger brand competitiveness. [0003] There are the following two problems when browsing the page: information flow pages such as Sina Weibo are rendered from top to bottom, and only some information in the header is loaded at the beginning without scroll bars. When more content is loaded, scroll bars appear. The scroll bar will occupy a certain width, causing the main element to be offset; the website enters different functional pages through navigation, and because the content length of different pages is different, some pages have scroll bars, and some pag...

AI Technical Summary

Problems solved by technology

[0003] There are the following two problems when browsing the page: information flow pages such as Sina Weibo are rendered from top to bottom, and only some information in the header is loaded at the beginning without scroll bars. When more content is loaded, scroll bars appear. The scroll bar will occupy a certain width, causing the main element to be offset; the website enters different functional pages through navigation, because the content length of different pages is different, some pages have scroll bars, and some pages do not have scroll bars

Using JavaScript to modify the HTML structure to simulate the scroll bar action and create a scroll bar style with CSS requires loading a large number of scripts, which has a certain impact on the browser's rendering speed

Therefore, the amount of code will increase and the operation will be difficult

[0009] For the above-mentioned problems in related technologies, no effective solution has been proposed yet

Images