2

我想在不使用任何库的情况下以编程方式滚动 div。有可能吗？如果可以，怎么做？

谢谢你。

4

2 回答 2

5

是的。

var myEl = document.getElementById('myEl');
myEl.scrollLeft = 12;
myEl.scrollTop = 34;
于 2012-05-25T08:16:57.377 回答
0

是的，这是可能的。试试这个代码。

<html>
<head><title>Scrolling a DIV with JavaScript</title>

<script language='javascript'>

  function move_up() {
    scroll_clipper.scrollTop = 0;
  }

</script>

</head>
<body>

  <a href='javascript:move_up()'>Move UP</a>

  <p>

  <div id='scroll_clipper' style='position:absolute; width:150px; height: 150px; overflow:auto'>
    <div id='scroll_text' style='background-color:yellow'>
       Here is some content that can be scrolled.
       <p>It uses two divs:<ul>
         <li>scroll_clipper, and
         <li>scroll_text
        </ul>

      scroll_clipper defines the scroll area while scroll_text
      defines the text to be scrolled.

    </div>
  </div>

</body>
</html>
于 2012-05-25T08:17:44.707 回答