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

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

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

因此,我希望查看器在您首次加载页面时以页面下方为起点开始,然后只有在您按下“订购”按钮时才向上移动,从而导致填写“订购单” .

提前致谢,如果我在某个地方犯了错误,我希望能回答所有问题。

最佳答案

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

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

关于javascript - 使用 JavaScript 函数作为网页的起点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55715868/

相关文章:

css - 两个内联 block : place text next to an image

javascript - 在 JavaScript 中捕捉拖放元素

javascript - 设置值 [jquery 或 javascript]

html - 我的 div 处于错误的垂直位置

css - WordPress 删除事件边框

javascript - 使用 rowspan 和 colspan 属性修复表头并可滚动

javascript - 如果索引为 0,Vue.js 如何添加事件类

javascript - Uncaught RangeError : Maximum call stack size exceeded 的原因

javascript - `?` 在某些对象属性之前是什么意思?为什么我的 ts 文件不接受它?

javascript - JQuery 元素 CLICK 函数 IF(对于每个 css_attribute = value)然后更改 css 值