对于scrollLeft的用法还是很奇怪
在ul上设置scrollLeft似乎不起作用。
这几天做一个页面,原本设计师是要我使用ul和li做出一个滚动的效果。
但是就算按照网上说的。在ul外面套两层div,结果scrollLeft始终为0
头都大了。到底怎样才能通过scrollLeft使ul实现滚动效果

解决方案 »

  1.   

    http://code.usuishi.com/Web/DemoView.aspx?DemoID=23
      

  2.   

    代码大致上像这样:<div style="width:500px;" id="test">
      <div style="width:1000px;">
        <ul style="float:left">
         ...
        </ul>
      </div>
    </div>
    <script type="text/javascript">
     var testElement = $("test");
     testElement.scrollLeft=50;
     alert(testElement.scrollLeft);
    </script>alert出来的结果为0,真是莫名其妙。。
      

  3.   

    <div style="width:500px;overflow:hidden" id="test">
      <div style="width:1000px;">
        <ul style="float:left">
         ...
        </ul>
      </div>
    </div>
    <script type="text/javascript">
     var testElement = $("test");
     testElement.scrollLeft=50;
     alert(testElement.scrollLeft);
    </script>