Прокрутите большое изображение в меню нажмите

Question

У меня довольно большое изображение (не мой выбор, как мне это дано). У меня простая структура навигации, и когда я нажимаю на одну из ссылок, я хочу прокрутить до определенная точка большого jpg под меню. Это одно большое изображение, поэтому использование # не будет работать. Я предполагаю, что это будет функция javascript или jquery, но я точно знаю, как это сделать. Я огляделся, но все, что я нашел, - это слайд-шоу, где у меня только одно слишком большое изображение, которое мне нужно прокрутить вниз и вверх с помощью кнопки меню. Я попробовал, чтобы тег прыгал по странице, и такой вид работал, но он не прокручивал его, просто подпрыгивал.

Мне жаль, что у меня не было кода для показа, но я ничего не использовал.

Answer 1

Вы можете использовать scrollTop свойство element как body или любой div для прокрутки в любом положении. see here создал ручку для этого же.

Answer 2

Если вы собираетесь анимировать прокрутку страницы, вам, вероятно, понадобится использовать функцию анимации jQuery.

$("html, body").animate({ 
    scrollTop: 400 /*Desired offset position*/ 
}, 1000); 

Посмотрите на это jsFiddle в качестве примера.

Вы можете также положение якоря за изображения в позициях, которые необходимо страницу для прокрутки

Смотреть это jsFiddle