向下滚动HTML图层

Scrolling down a HTML Layer

本文关键字：图层 HTML 滚动      更新时间：2023-09-26

下面的代码可以很好地向下滚动整个页面。但是我只需要在HTML页面加载时向下滚动DIV层。有没有人可以编辑这段代码来单独向下滚动DIV标签? 

<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>

看看:http://adp-gmbh.ch/web/js/scroll.html

你必须使用ScrollTop = x.clientHeight而不是ScrollTop = 0

相关文章：