2

我正在使用以下代码为类似于 CSS“固定”属性的“火车时间表”保留标签，以允许我垂直滚动页面但水平保持标签“固定”。这个脚本工作正常，但我希望看到它更流畅，我尝试使用 .animate 属性，但在这种情况下无法让它工作。

我可以让所有工作都滚动起来，我只是希望它更流畅。任何帮助表示赞赏。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
  $(window).scroll(function(){
      $('#tramLabels').css({
          'left': $(this).scrollLeft() +5 
      });
  });
</script>

这也是该页面的其余代码；

<style type="text/css">
#tramLabels {
    position: absolute;
    z-index: 99;
    width: 200px;
    top: 0px;
    left: 5px;
}
#tramTime{
    position: absolute;
    z-index: 0;
    width: 100%;
    top: 0px;
    left: 10px;
}
</style>


</head>

<body>
<div id="tramLabels">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  </table> 
</div>
<div id="tramTime">
  <table width="900px" border="0" cellspacing="0" cellpadding="0"> 
  </table>
</div

编辑：我将代码放在这里供您尝试

4

2 回答 2

0

尝试这个：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
  $(window).scroll(function(){
      $('#tramLabels').animate({
          'left': +5 
      });
  });
</script>
于 2012-05-08T15:51:50.470 回答
0

我用 .animate() 和 .stop() 试过这个。http://jsfiddle.net/C2f7f/

于 2012-05-08T15:59:41.870 回答