我有一个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>
如果您按下页面顶部标题上的“订购”按钮,它自然会从页面顶部开始。
因此,我希望查看者在首次加载页面时从页面的下方开始作为起点,然后仅当您按下“订购”按钮时才向上移动,从而导致填写“订购表格”
在此先感谢您,我希望能回答所有问题或我在某个地方犯了错误。
答案 0 :(得分:0)
一种简单的方法是将一个onload
属性添加到body标签。
<body onload="scroll()">
...
<div id="example"></div>
...
</body>
function scroll(){
document.getElementById("example").scrollIntoView();
}