javascript 切换和 anchor

Question

我刚刚开始学习 JavaScript，所以我需要一些帮助。我有一个简单的 javascript 可以切换网页上的 div。 div 运行良好，但由于它位于页面页脚，因此打开时您看不到内容。如何使切换按钮向下滚动以便可以看到整个 div？

我发现了其他脚本的类似示例，但无法在这里应用它们。

这是我的 JavaScript

function toggle() {
var ele = document.getElementById("showindex");
var text = document.getElementById("displayText");
if(ele.style.display == "inherit") {
        ele.style.display = "none";
        text.innerHTML = "Show List";
}
else {
    ele.style.display = "inherit";
    text.innerHTML = "Show List";
}
}

这是我的html

            <div id="IndexSlider">
                <a href="#showindex"><a id="displayText" href="javascript:toggle();">Show List</a></a>
            </div>
            <div id="showindex">
                The content here will be several lines of links.
            </div>

Answer 1

尝试添加:

ele.scrollIntoView();

将display设置为“继承”后。

它将尝试将元素滚动到页面顶部，但最终会尽可能向上滚动。