用css製作有滾蛋條的彈出框劇中,在滾動捲軸是不閃

來源:互聯網
上載者:User
 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>有滾蛋條的彈出框劇中</title><style>*{ padding:0px; margin:0px; }body,html{height:100%; width:100%;}html{overflow:hidden;}body{overflow-y:auto }.display{ position:absolute; left:50%; top:50%; height:300PX; width:500PX; margin-left:-250PX; margin-top:-150PX; border:1PX solid #F00;}</style></head><body><DIV style="height:2000PX;">測試滾動</DIV><DIV style="height:2000PX;">測試滾動</DIV><DIV style="height:2000PX;">測試滾動</DIV><div class="display"></div></body></html>

 

但要注意的必須聲明網頁的解析模式,如果用js去實現,在捲軸滾動的時候彈出框會閃

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.