简单的水平滚动

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');
}

有关工作示例，请参阅this fiddle（确保在运行时，页面上不显示Div＃3）。