Javascript 如何将浏览器自动滚动删除到div id？

在我的网页中，我用一个竖直的手风琴在中间列出了一些内容。当页面被加载时，手风琴就在中间。但当用户点击“手风琴”选项卡时，整个页面向上滚动，使“手风琴”选项卡位于浏览器顶部。我怎样才能避免这种反应。我希望用户在没有自动滚动的情况下留在页面部分本身。有什么解决办法吗

当用户单击accordion选项卡时，页面URL变为，

---

. 但我不能从手风琴上删除id，因为它需要id才能正常工作。任何其他解决方案？

onclick

使用

preventDefault

它将解决您的问题

onclick

使用

preventDefault

它将解决您的问题

在单击处理程序中，您应该阻止单击链接的默认操作（即滚动到锚）。一些伪代码，因为我不知道你的手风琴是如何设置的：

$("#accordion a").click(function(e)) {
  e.preventDefault(); // This prevents the scrolling from occuring
  $("#accordion").activate($(this).attr('id'));
});

---

在click处理程序中，应该防止单击链接的默认操作（即滚动到锚）。一些伪代码，因为我不知道你的手风琴是如何设置的：

$("#accordion a").click(function(e)) {
  e.preventDefault(); // This prevents the scrolling from occuring
  $("#accordion").activate($(this).attr('id'));
});

---

我不相信有一种简单的基于CSS的方法可以避免：target伪选择器附带URL片段链接的默认浏览器行为，即滚动到相关元素。正如其他人所建议的那样，您必须在JS中添加此选项。

我认为没有一种简单的基于CSS的方法可以避免：target伪选择器附带URL片段链接的默认浏览器行为，即滚动到相关元素。正如其他人所建议的那样，你必须用JS添加此选项。

如果我正确理解你的问题，那就是页面在单击时会转到顶部，我个人总是添加此选项以停止自动滚动

添加脚本

<%--Magic Script that maintains position on partial rendering and click--%>
<script type="text/javascript">
    window.scrollTo = function (x, y) {
        return true;
    }
</script>

window.scrollTo=函数（x，y）{
返回true；
}

如果我正确理解您的问题，那就是页面在单击时会转到顶部，就我个人而言，我总是添加此选项以停止自动滚动

添加脚本

<%--Magic Script that maintains position on partial rendering and click--%>
<script type="text/javascript">
    window.scrollTo = function (x, y) {
        return true;
    }
</script>

window.scrollTo=函数（x，y）{
返回true；
}

在单击处理程序上使用preventDefault或ReturnFalse！这是手风琴的来源：为你的问题添加一些代码。不要让其他人四处搜寻并猜测您是如何从示例页面实现代码的。在单击处理程序上使用preventDefault或ReturnFalse！这是手风琴的来源：为你的问题添加一些代码。不要让其他人四处搜寻并猜测您是如何从示例页面实现代码的。accordion没有使用jquery。它使用css3。下面是链接演示：和文档：那么为什么您在问题中使用Java和jQuery标记，而不是CSS标记？@interrobang:我使用的是accordion，而不是jQuery。它使用css3。下面是链接演示：和文档：那么为什么您在问题中使用Java和jQuery标记，而不是CSS标记呢？@interrobang:我正在使用