hashchange阻止滚动到目标div

Question

我有一个手风琴元素，需要在hashchange上展开不同的窗格。我编写的代码对其进行了扩展，但它不会滚动目标div，页面永远不会结束加载。

function hashChange() {
    if (window.location.hash === '#senior-backend') {
        $('#senior-backend, #backend-developer, #senior-frontend, #frontend, #dev-ops').hide(50);
        $('#senior-backend').show(50);
        $('#job-posts').removeClass().addClass('beige-bg');
        $('#job-posts-top').removeClass().addClass('beige-spikes');
    } 
}
window.onhashchange = hashChange;

你能指出我做错了什么吗。

感谢

Answer 1

一旦检测到哈希中的更改，就需要使用animate滚动网站，例如：

var dest = $('#yourSelector').position();
var dtop = dest.top;
$('html, body').animate({
    scrollTop: dtop
});

现场演示：http://jsfiddle.net/LZbK8/