当前位置：首页 → 问答吧 → 淘宝购物车，结算栏固定浮动层效果如何做？

淘宝购物车，结算栏固定浮动层效果如何做？

时间：2011-10-12

来源：互联网

当淘宝购物车中物品数量超过浏览器高度，结算栏会浮动在固定位置，请教这个效果是怎么做的？请赐教！谢谢!

作者: eyook 发布时间: 2011-10-12

HTML code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>Table test</title> 
<style type="text/css"> 
<!-- 
td  { text-align:center;font-size:12px;padding:3px;} 

.Freezing_tdd 
{ 
top:expression(document.getElementById('div_dgTittle3').scrollTop-1); 
    position:relative ; 
   z-index:100 
} 

.FreezingCol_th 
    { 
    LEFT: expression(document.getElementById('div_dgTittle3').scrollLeft-1); 
     POSITION: relative; 
z-index:100 
       } 
--> 
</style> 
</head> 
<body> 

<div id='div_dgTittle3' style=' HEIGHT:90px;WIDTH:220px;OVERFLOW:auto; ' > 

<table id="table1" bordercolor="#000000" width="200" border="0"> 
    <tbody> 
        <tr class="Freezing_tdd" bgcolor="#DEE7FE"> 
            <td width="25%">1</td> 
            <td width="25%">11</td> 
        </tr> 
        <tr> 
            <td>2</td> 
            <td>22</td> 
        </tr> 
        <tr> 
            <td>3</td> 
            <td>33</td> 
        </tr> 
        <tr> 
            <td>4</td> 
            <td>44</td> 
        </tr> 
        <tr> 
            <td>5</td> 
            <td>55</td> 
        </tr> 
    </tbody> 
</table> 

</div> 
</body> 
</html>

这个不错..

作者: qianzai5765638 发布时间: 2011-10-12

淘宝购物车，结算栏固定浮动层效果如何做？

热门阅读

热门下载