Analysis and solution of the reasons for left and right jumps when loading web pages

I have been having this problem recently when designing websites. After designing the member center, with the content centered with margin:0 auto;, the webpage will swing to the left the moment it is opened, and then to the right when entering another page, and then swing back to the left. If you jump between pages frequently, you will feel dizzy. The reason is that when the height of the webpage is not enough, the scroll bar on the right will not appear. Here, the width of the webpage must be added to the width of the scroll bar. When margin:0 auto; is used, the webpage is centered, but when the height of the webpage allows the browser to have a scroll bar, the width of the webpage must of course be subtracted from the width of the scroll bar, and then the webpage will swing a little to the left.

Otherwise, do you understand what I said above? Many people should have experienced this situation. The solution is very simple, just make the right scroll bar appear all the time in the style sheet (CSS). When the webpage is not high enough, the browser will also make it appear when the right scroll bar appears. The code is:

Copy code

The code is as follows:

html{overflow-y:scroll;}

<<: This article will show you the basics of JavaScript: deep copy and shallow copy

>>: Detailed tutorial on using Docker to build Gitlab based on CentOS8 system

Analysis and solution of the reasons for left and right jumps when loading web pages

Use of Vue3 pages, menus, and routes

jQuery implements shopping cart function

Use of vuex namespace

Docker link realizes container interconnection

Videojs+swiper realizes Taobao product details carousel

Solution to multiple 302 responses in nginx proxy (nginx Follow 302)

Quickly solve the problem of slow startup after Tomcat reconfiguration

Tutorial on installing MySQL 5.7.28 on CentOS 6.2 (mysql notes)

Using CSS3 to achieve transition and animation effects

MySQL should never write update statements like this

Recommend

How to solve the problem of -bash: /usr/bin/yum: No such file or directory after typing yum in linux

How to install nginx in centos7

Win10 + Ubuntu 16.04 dual system perfect installation tutorial [detailed]

JS realizes the card dealing animation

Vue-pdf implements online preview of PDF files

Example of using docker compose to build a consul cluster environment

How to prompt and open hyperlink a

Detailed analysis of binlog_format mode and configuration in MySQL

Interpretation of Vue component registration method

JS implements a simple brick-breaking pinball game

js dynamically generates tables (node operations)

Apache Spark 2.0 jobs take a long time to finish when they are finished

Implementation of one-click TLS encryption for docker remote api

Nginx Linux installation and deployment detailed tutorial

Briefly describe the difference between MySQL and Oracle