我刚刚开始学习 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>
最佳答案
尝试添加:
ele.scrollIntoView();
将display
设置为“继承”后。
它将尝试将元素滚动到页面顶部,但最终会尽可能向上滚动。
关于javascript 切换和 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18324103/