如何删除浏览器自动滚动到div ID？

在我的网页中，我使用中心的垂直手风琴来列出一些内容。当页面被加载时，手风琴在中间。但是当用户点击手风琴选项卡时，整个页面会向上滚动，使手风琴选项卡位于浏览器的顶部。我怎样才能避免这种反应。我希望用户不用自动滚动就可以保持页面部分本身。有没有解决方法？如何删除浏览器自动滚动到div ID？

当用户点击手风琴选项卡时，页面URL变为 http://web.com/#tab_1。但是我不能从手风琴中删除ID，因为它需要ID才能正常工作。其他解决方案？

来源

2011-12-07 user632347

使用的preventDefault或单击处理程序返回FALSE！ – adeneo

这是ACCORDION的来源：http://webdevtuts.s3.amazonaws.com/uploads/demo/vertical_accordion/index.html – user632347

为您的问题添加一些代码。不要让其他人在四处寻找，并且GUESS你是如何实现来自示例页面的代码的。 –

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

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

来源

2011-12-07 18:50:09 Interrobang

手风琴不使用jquery。它使用css3。这里是链接演示：http：//webdevtuts.s3.amazonaws.com/uploads/demo/vertical_accordion/index.html和文档：http://www.webdevtuts.net/css/create-a-vertical-accordion- slider-using-pure-css3-and-html/ – user632347

那么为什么你使用Java和jQuery标签来处理你的问题，而不是CSS标签？ – adeneo

为什么你不给我们任何代码在你的问题？ – Interrobang

onclick使用preventDefault它会解决您的问题

来源

2011-12-07 18:49:34 Kishore

我不相信有一个简单的基于CSS的方法来避免的事实：目标伪选择自带的默认浏览器的URL片段链接行为，即滚动到所涉及的元素。正如其他人所建议的那样，你将不得不使用JS来添加它。

来源

2011-12-07 19:24:13

如果我正确理解你的问题，那就是页面在点击次数上达到最高点，我个人总是添加这个来停止自动滚动页面。

添加脚本

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

来源

2011-12-10 20:54:47

如何删除浏览器自动滚动到div ID？

回答

相关问题