For example, if you open Taobao and scroll down, the search bar at the top will be fixed. .
Even if the cursor is placed on the search bar at the top and the mouse wheel is rolled, the page will still scroll
How to achieve it, it must be fully compatible, even with IE6
you can do it like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body{margin:0;height:2000px;}input{float:left;padding:0;margin:0;}.box{height:40px;padding:10px 0;background:#ccc; text-align:center; position:fixed;_position:absolute;width:100%;_top:expression(eval(document.documentElement.scrollTop));}.search{height:100%;width:410px;margin:0 auto;}.search .text{width:300px;height:28px;padding:4px 0 4px 6px;border:solid 2px blue;font-size:14px;line-height:30px;}.search .btn{background:blue;border:none;height:40px;width:100px;padding:0 10px;}</style></head><body><div class="box" id="box"> <div class="search"> <input type="text" class="text"/> <input type="button" value="搜索" class="btn"/> </div></div></body></html>
What are the methods of building a mobile website?
What is the appropriate virtual memory setting?
PathFileExists usage
Tutorial on merging multiple words into one word
How to clean the computer's C drive that is too full
How to open json format
How to create a WeChat clone on Huawei mobile phone
out of range solution
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
