javascript - 单击并滚动顶部

Question

我在 section fighters 中遇到 offset.top 问题。 http://jsfiddle.net/sz8YP/1/

也就是说，在点击下一个战斗机后将方向盘压得太远。

$(".list-fighters li .toogle").click(function(e) {
    $(".list-fighters li").removeClass("open");
    $(this).parent("li").toggleClass("open");
    $('html, body').animate({scrollTop: $(this).offset().top}, 100);
});

有办法解决吗？

Answer 1

您需要在超时时调用 scrolltop()，让 DOM 有时间更新您之前调用 $( ".list-fighters li").removeClass("open"); 修改了页面的高度，像这样:

var deez = this;
setTimeout(function() {
   $('html, body').animate({scrollTop: $(deez).offset().top}, 100);
}, 300);

经过测试，更新为 300ms 以 catch 高度更新。