jQuery水平滚动到DIV点击

Question

我有一个视差设置，所以用户可以向下滚动，当他们在网站的登陆。一旦他们向下滚动，他们就可以滚动到不同的页面。

我已经使用jQuery代码尝试：

$("#scrollTo").click(function() { 
$('html, body').animate({ 
    scrollTop: $("#page2").offset().top 
}, 2000); 

}）;

我想这样做，当用户点击它滚动的按钮或水平到第二页“view2”。然而，该系统似乎并没有工作。

这里是一个小提琴：https://jsfiddle.net/qm7s60ud/1/

Answer 1

的动画应该是.wrapper因为它是具有溢出的元素。

.wrapper { 
    height: 100%; 
    background-color: gray; 
    overflow: auto; //overflow that causes the div to have scroll bar 
} 

代替scrollTop和.offset().top和（因为这是垂直）

应该scrollLeft和.offset().left ..（这是水平）

WORKING DEMO

Answer 2

使用此

var top_value=$("#page2").position().top 
    $('html, body').animate({scrollTop: '+='+top_value},2000); 

我们得到了可变top_value格第2页的顶部像素值和向下滚动到像素