javascript - 简单的水平滚动

Question

是否可以在这里保留这样的简单功能：

$.fx.speeds.xslow = 1500;
function goToByScroll(id){
    $('html,body').animate({
        scrollTop: $("#"+id).offset().top
    },'slow');
}

并使其用于水平滚动？我想在不使用大型水平插件的情况下保持这样的简单。我在想scrollLeft，但无法让它与偏移量一起使用......任何想法都会很棒！提前致谢

Answer 1

就像你说的，你可以使用 scrollLeft 来做到这一点：

function goToByScrollHoriz(id){
    $('html,body').animate({
        scrollLeft: $("#"+id).offset().left
    },'slow');
}

请参阅此小提琴以获取工作示例（确保在运行时页面上不显示 Div #3）。