使用JavaScript函数作为网页的起点

时间:2019-04-16 20:06:17

标签: javascript html css

我有一个JavaScript按钮,可以使页面自动聚焦于某个对象。我可以以此为起点吗?

我尝试了一个“ winWidth,winHeight / 2”代码来尝试使页面从中间开始(这在PC上是令人满意的,不确定移动设备),但是无论如何该代码都无法正常工作,所以我回到第一广场。

<script>
    function myFunction() {
    var elmnt = document.getElementById("zoom");
    elmnt.scrollIntoView();
    }
</script>

这是JavaScript,它是一种简单的缩放功能,因此当按下按钮时,它会放大到水平幻影线,并为观看者提供理想的目光聚焦。

这是按钮和HR的代码:

<div class="Concept_Button">
        <a onclick="myFunction()">Konsept</a>
</div>
<div class="zoomPoint" id="zoom">
        <hr style="color:blue;background- 
        color:blue;opacity:0.00;border:none;height:1px;">
</div>

如果您按下页面顶部标题上的“订购”按钮,它自然会从页面顶部开始。

因此,我希望查看者在首次加载页面时从页面的下方开始作为起点,然后仅当您按下“订购”按钮时才向上移动,从而导致填写“订购表格”

在此先感谢您,我希望能回答所有问题或我在某个地方犯了错误。

1 个答案:

答案 0 :(得分:0)

一种简单的方法是将一个onload属性添加到body标签。

<body onload="scroll()">
   ...
   <div id="example"></div>
   ...
</body>
function scroll(){
   document.getElementById("example").scrollIntoView();
}