How to prevent the scroll bar from affecting the page width when the scroll bar appears on the page

Set the width of the body to the width of the window (controlled by the following script)

$("body").css("width", $(window).width());

At the same time, set the overflow of the body (written in the style)

body{ overflow-x: hidden;}

ps:

Similarly, the table in div is also handled in this way

Set the width of tableContainer (written in the style) and tableMain (controlled by the script) to be equal to the width of tableMainHead

Copy code

The code is as follows:

$(".tableMain").css("width", $(".tableMainHead").css("width"));

Set the overflow of tableContainer to hidden (written in the style)

This has a disadvantage, that is, when the browser window size changes, the content in the body cannot be automatically centered (the div that originally used percentages for width settings could be automatically centered using margin: auto, but now that the extra part is hidden, it cannot be automatically centered)

A brief summary of how to write paths when HTML files introduce external CSS files

Blog

How to prevent the scroll bar from affecting the page width when the scroll bar appears on the page

Detailed explanation of js event delegation

Sample code for installing ElasticSearch and Kibana under Docker

One line of code solves various IE compatibility issues (IE6-IE10)

How to use file writing to debug a Linux application

React sample code to implement login form

Mysql solves the database N+1 query problem

A friendly alternative to find in Linux (fd command)

How to Change Colors and Themes in Vim on Linux

A brief summary of how to write paths when HTML files introduce external CSS files

Implementing carousel with native JavaScript

Recommend

A brief analysis of the configuration items of the Angular CLI release path

Example code of javascript select all/unselect all operation in html

A brief discussion of 12 classic problems in Angular

Building .NET Core 2.0 + Nginx + Supervisor environment under Centos7 system

MySql8 WITH RECURSIVE recursive query parent-child collection method

Example code for implementing the wavy water ball effect using CSS

Detailed explanation of HTML tables

Javascript Bootstrap's grid system, navigation bar and carousel detailed explanation

WeChat applet implements text scrolling

Analysis of the advantages and disadvantages of MySQL stored procedures

javascript countdown prompt box

Linux system opens ports 3306, 8080, etc. to the outside world, detailed explanation of firewall settings

Learn MySQL index pushdown in five minutes

CocosCreator Universal Framework Design Network

How to install and deploy gitlab server on centos7