Javascript 在HTML中向下滚动_Javascript_Html

Javascript 在HTML中向下滚动

javascript html

Javascript 在HTML中向下滚动,javascript,html,Javascript,Html,如何在下面的代码中滚动myDiv。此代码向下滚动整个浏览器窗口的内容。我只需要一个划分层被向下滚动 <html> <head> <script type="text/javascript"> function myScroll(val) { x = document.getElementById(val); h= x.

如何在下面的代码中滚动

myDiv

。此代码向下滚动整个浏览器窗口的内容。我只需要一个划分层被向下滚动

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


函数myScroll（val）
{
x=document.getElementById（val）；
h=x.clientHeight；
自滚动至（0，h）；
}

Lorem ipsum dolor sit amet，是一位杰出的领导者
















请不要让我们坐在那里。维瓦摩斯坐在阿梅特·拉库斯旁边
















莫比·康瓦利斯是一位杰出的医生
















奥迪奥·奥古斯·波特提托·森佩尔的纳拉姆
















南里奥。猫莫比斑痣。埃蒂亚姆·埃格斯塔斯
















多奈克·莫里斯·维塔·尼西·法雷特拉。在莫莱斯蒂的爱欲中
















这是一个没有交通工具的生命
















同侧叶佩朗茨克肌。征服狮子座。库拉比图丁西登
















这是一种很好的调味品，调味品，调味品，甜点，爱神

试试这段代码

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

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


函数myScroll（）
{
x=document.getElementById（“myDiv”）；
h=x.clientHeight；
自滚动至（0，h）；
}

Lorem ipsum dolor sit amet，是一位杰出的领导者
















请不要让我们坐在那里。维瓦摩斯坐在阿梅特·拉库斯旁边
















莫比·康瓦利斯是一位杰出的医生
















奥迪奥·奥古斯·波特提托·森佩尔的纳拉姆
















南里奥。猫莫比斑痣。埃蒂亚姆·埃格斯塔斯
















多奈克·莫里斯·维塔·尼西·法雷特拉。在莫莱斯蒂的爱欲中
















这是一个没有交通工具的生命
















同侧叶佩朗茨克肌。征服狮子座。库拉比图丁西登
















这是一种很好的调味品，调味品，调味品，甜点，爱神

检查此代码

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

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


函数myScroll（）
{
x=document.getElementById（“myDiv”）；
h=x.clientHeight；
自滚动至（0，h）；
}

Lorem ipsum dolor sit amet，是一位杰出的领导者
















请不要让我们坐在那里。维瓦摩斯坐在阿梅特·拉库斯旁边
















莫比·康瓦利斯是一位杰出的医生
















奥迪奥·奥古斯·波特提托·森佩尔的纳拉姆
















南里奥。猫莫比斑痣。埃蒂亚姆·埃格斯塔斯
















多奈克·莫里斯·维塔·尼西·法雷特拉。在莫莱斯蒂的爱欲中
















这是一个没有交通工具的生命
















同侧叶佩朗茨克肌。征服狮子座。库拉比图丁西登
















这是一种很好的调味品，调味品，调味品，甜点，爱神

您可以在css上执行此操作

div
{
溢出：自动；
}

我看不到这个脚本有任何内容，它只是增加了聊天日志的内容。您实际上是在问：“请为我制作这个卷轴”，似乎您忘记了告诉我们问题的确切原因。@Pointy-此代码不再有效。我需要一个代码来自动向下滚动HTML DIVLayer@flying绵羊-不是真的，我找到了这个脚本