Solution for mobile browsers not supporting position: fix

The specific method is as follows:

CSS Code

Copy code

The code is as follows:

.wap_bottom {
height: 60px;
width: 100%;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
opacity: 0.7;
}

HTML code

Copy code

The code is as follows:

Note: Generally speaking, when people write a float, they use position: fixed; in CSS to control it. However, this method only works on the computer side, but not on the mobile side. The effect is that when you use a mobile browser to open the web page, it is displayed at the bottom, but when you scroll down, the float does not follow. At this time, you need to add the following code between the head to solve the bug that the mobile browser does not support position: fixed.

Copy code

The code is as follows:

Swiper+echarts realizes the left and right scrolling effect of multiple dashboards

Blog

Solution for mobile browsers not supporting position: fix

Swiper+echarts realizes the left and right scrolling effect of multiple dashboards

How to redirect PC address to mobile address in Vue

Tutorial on deploying springboot package in linux environment using docker

Summary of several common logs in MySQL

How to publish a locally built docker image to dockerhub

Implementation of select multiple data loading optimization in Element

Detailed explanation of display modes in CSS tags

js realizes the effect of Tanabata confession barrage, jQuery realizes barrage technology

Even a novice can understand the difference between typeof and instanceof in js

Detailed tutorial on compiling and installing python3.6 on linux

Recommend

vue-cli configuration uses Vuex's full process record

Detailed explanation of JavaScript primitive data type Symbol

When MySQL is upgraded to 5.7, WordPress reports error 1067 when importing data

Summary of the use of TypeScript in React projects

A brief discussion on the use of React.FC and React.Component

Mysql transaction concurrency problem solution

How to deploy FastDFS in Docker

MySQL database table partitioning considerations [recommended]

Implementation of adding a mask layer effect when the CSS mouse hovers over the image

Vue dynamic menu, dynamic route loading and refresh pitfalls

How to manage users and groups when running Docker

Practice of deploying web applications written in Python with Docker

Summary of Mathematical Symbols in Unicode

Docker Compose practice and summary

How to implement rounded corners with CSS3 using JS