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

Мы получаем верхнее значение пикселя сНа page2 в переменной top_value и прокрутите вниз до пикселя