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) |
>>: Share the pitfalls of MySQL's current_timestamp and their solutions
Recommend
Solve the problem of docker images disappearing
1. Mirror images disappear in 50 and 93 [root@h50...
Detailed Example of MySQL curdate() Function
MySQL CURDATE Function Introduction If used in a ...
Detailed description of mysql replace into usage
The replace statement is generally similar to ins...
In-depth understanding of Vue's method of generating QR codes using vue-qr
Table of contents npm download step (1) Import (2...
Win10 installation of MySQL5.7.18winX64 failed to start the server and no error message
System environment: Win10 64-bit MySQL version: m...
CSS to achieve text on the background image
Effect: <div class="imgs"> <!-...
Why is your like statement not indexed?
Preface This article aims to explain the most bor...
Introduction to MySQL triggers, creation of triggers and analysis of usage restrictions
This article uses examples to describe the introd...
Example code comparing different syntax formats of vue3
The default template method is similar to vue2, u...
vue.config.js packaging optimization configuration
The information on Baidu is so diverse that it...
How to modify Ubuntu's source list (source list) detailed explanation
Introduction The default source of Ubuntu is not ...
Detailed explanation of using Docker to build externally accessible MySQL
Install MySQL 8.0 docker run -p 63306:3306 -e MYS...
CSS horizontal progress bar and vertical progress bar implementation code
Sometimes it’s nice to see some nice scroll bar e...
Detailed steps to install MySql 5.7.21 in Linux
Preface The most widely used database in Linux is...
Vue implements calling PC camera to take photos in real time
Vue calls the PC camera to take pictures in real ...