javascript - javascript切换和锚点

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为“继承”后。

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