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

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