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>
转载于:https://blog.51cto.com/wangjianming555/778411