2016-02-12 41 views
0

我想要做的是让它如此,如果你点击一个按钮,它滚动horizo​​ntzly(顺利)到页面上的特定div。 如何做到这一点?如何滚动horizo​​ntaly到特定的div点击

+0

@RinoRaj这就是与垂直滚动 – maGuru

+2

工作然后换'scrollTop的''将'scrollLeft'和'offset().top'设置为'offset()。left' –

回答

4

我真的不知道你的问题的条件,但你可以尝试一些像:

$('#your_button').on('click', function() { 
    $('html, body').animate({ 
     scrollLeft: $('#your_div').offset().left 
    }, 1000); 
}); 
+0

可能是左边或者右边 – maGuru

+2

@maGuru'scrollLeft'并不意味着向左滚动... –

+0

@maGuru,可能你因为卷动而误导了你ft'。当然,它可以向左或向右移动,取决于你当前的位置。 – Legotin

0

您可以使用jQuery的从动画以下列方式(点击红色的DIV,你的按钮):

https://jsfiddle.net/7a40qo2x/7/


$('#button').on('click', function() { 
    $("#button").animate({ 
    opacity: 0.25, 
    left: '+=' + $('#destination').offset().left 
    }, 1000, function() { 
    // Animation complete. 
    }); 
});