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:

js implements some functions of the input component in Element and encapsulates it into a component (example code)

Blog

Solution for mobile browsers not supporting position: fix

Detailed explanation of how to install mysql5.7.16 from source code in centos7 environment

Detailed explanation of the code for implementing six sieve styles using HTML grid layout

JavaScript implements the nine-grid click color change effect

HTML simple web form creation example introduction

How to hide the version number in Nginx

Integration practice of Vue+Element background management framework

Detailed explanation of the difference between WeChat applet bindtap and catchtap

js implements some functions of the input component in Element and encapsulates it into a component (example code)

Detailed explanation of the difference between JavaScript onclick and click

Steps to build MHA architecture deployment in MySQL

Recommend

Zen coding resource update function enhancement

Use thead, tfoot, and tbody to create a table

Vue implements sending emoticons in chat box

Vue implements horizontal beveled bar chart

Application examples of WeChat applet virtual list

SQL Practice Exercise: Online Mall Database User Information Data Operation

Example usage of Linux compression file command zip

JavaScript data structure bidirectional linked list

View the port number occupied by the process in Linux

Specific operations of MYSQL scheduled clearing of backup data

A brief discussion on common operations of MySQL in cmd and python

Using vue3 to imitate the side message prompt effect of Apple system

How to export mysql table structure to excel

Web standards learning to understand the separation of structure and presentation

CSS uses BEM naming convention practice