html右下角窗口製作,第一個想到的方式是JavaScript控制,但是這種情況下,在頁面上下滾動的時候會有抖動,通過以下方法可以實現沒有一點抖動的可能。使用HTML和CSS來實現,簡單,容易理解。
padding:0px;
IE效果:
FireFox效果:
Opera效果:
Chrome效果圖:
Safari效果圖:
全部代碼:
<!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" style="">
<head>
<title>Untitled Page</title>
<style>
body{
height:100%;
overflow:hidden;
background-color:#432B6A;
}
html{
overflow:hidden;
height:100%
}
.showRightOverFlow{
width:300px;
height:300px;
position:absolute;
right:22px;
bottom:20px;
border: solid 1px #fff;
z-index:99999;
background-color:#888888;
}
</style>
</head>
<body>
<div style="height: 100%; overflow: auto;">
主顯示區域
</div>
<div class="showRightOverFlow">
右下角
</div>
</body>
</html>