以HTML格式向下滚动

如何在以下代码中滚动myDiv。此代码正在向下滚动浏览器窗口的完整内容。我只需要一个分割层即可向下滚动。以HTML格式向下滚动

<html> 
    <head> 
     <script type="text/javascript"> 
      function myScroll(val) 
      { 
       x = document.getElementById(val); 
       h= x.clientHeight; 
       self.scrollTo(0,h); 
      } 
     </script> 
     <style type="text/css"> 
<!-- 
#myDiv { 
    background-color: #999999; 
    overflow: auto; 
    height: 300px; 
    width: 400px; 
} 
--> 
     </style> 
</head> 
    <body onLoad="myScroll("myDiv");"> 
     <div id="myDiv"> 
      <p> 
       Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Donec tristique lectus sit amet est. Vivamus sit amet lacus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Morbi convallis sem nec lectus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Nullam in odio ac augue porttitor semper. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Nam leo. Morbi varius molestie felis. Etiam egestas. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Donec vitae mauris vitae nisi gravida pharetra. In molestie eros eu tellus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Suspendisse a mi vitae nulla vehicula lacinia. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Ut pellentesque lobortis ipsum. Quisque a leo. Curabitur tincidunt. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Fusce est velit, condimentum sed, convallis in, blandit hendrerit, eros.</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      </p> 
     </div> 
    </body> 
</html>

来源

2011-08-21 Mal

我没有看到这个剧本scolling任何东西，它只是增加了chatlog的内容。你基本上是问：“请为我滚动这个卷轴” –

看来你已经忘记告诉我们究竟是什么问题了。 – Pointy

@Pointy - 此代码没有更多的工作。我需要一个代码来自动向下滚动HTML DIV Layer – Mal

试试看看这个代码。

<html> 
    <head> 
     <script type="text/javascript"> 
      function myScroll() 
      { 
       x = document.getElementById("myDiv"); 
       h= x.clientHeight; 
       self.scrollTo(0,h); 
      } 
     </script> 
    </head> 
    <body onload="myScroll();"> 
     <div id="myDiv"> 
      <p> 
       Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Donec tristique lectus sit amet est. Vivamus sit amet lacus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Morbi convallis sem nec lectus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Nullam in odio ac augue porttitor semper. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Nam leo. Morbi varius molestie felis. Etiam egestas. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Donec vitae mauris vitae nisi gravida pharetra. In molestie eros eu tellus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Suspendisse a mi vitae nulla vehicula lacinia. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Ut pellentesque lobortis ipsum. Quisque a leo. Curabitur tincidunt. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
       Fusce est velit, condimentum sed, convallis in, blandit hendrerit, eros.</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      </p> 
     </div> 
    </body> 
</html>

来源

2011-08-21 16:25:36 lock

请检查此验证码。

<html> 
<head> 
    <script type="text/javascript"> 
     function myScroll() 
     { 
      x = document.getElementById("myDiv"); 
      h= x.clientHeight; 
      self.scrollTo(0,h); 
     } 
    </script> 
</head> 
<body onload="myScroll();"> 
    <div id="myDiv"> 
     <p> 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Donec tristique lectus sit amet est. Vivamus sit amet lacus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Morbi convallis sem nec lectus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Nullam in odio ac augue porttitor semper. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Nam leo. Morbi varius molestie felis. Etiam egestas. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Donec vitae mauris vitae nisi gravida pharetra. In molestie eros eu tellus. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Suspendisse a mi vitae nulla vehicula lacinia. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Ut pellentesque lobortis ipsum. Quisque a leo. Curabitur tincidunt. </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
      Fusce est velit, condimentum sed, convallis in, blandit hendrerit, eros.</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
     </p> 
    </div> 
</body>

来源

2011-08-29 18:08:25 Mal

你可以做到这一点在CSS ..

div { overflow: auto; }

来源

2012-12-27 08:28:04

以HTML格式向下滚动

回答

相关问题