ScrollTop не работает

Question

Когда страница загружается, я пытаюсь прокрутить заголовок 3 вверх. В основном заголовок 3 должен отображаться в верхней части страницы.

Я использую это:

$(function(){ 
$('body').animate({ 
    scrollTop: $(":header3").offset().top 
}, 500); 
}); 

Аналогично, если я использую заголовок 4, скроллер должен спуститься вниз и Header 4 должны быть отображены в самом верхнем положении на этой странице.

Однако прокрутки не происходит. Не знаете почему?

вот скрипку http://jsfiddle.net/xdaf7o3b/

Answer 1

Если вы хотите, чтобы перейти к третьему заголовку любого рода (h1, h2, h3, h4 и т. д.) на странице, попробуйте: eq селектор:

$(function(){ 
$('body').animate({ 
    scrollTop: $(":header:eq(2)").offset().top 
}, 500); 
}); 

Вот скрипка: http://jsfiddle.net/sifriday/xdaf7o3b/5/

И чтобы обеспечить достаточно мест в документе, чтобы правильно прокрутить окно просмотра прямо в заголовок вы хотите, вы можете сделать некоторые измерения и добавить отступы к содержащему DIV, если требуются:

var wh = $(window).height(); 
var dh = $(document).height(); 
var top = $(":header:eq(2)").offset().top 
if ((dh - top) < wh) { 
    $("#someDiv").css("padding-bottom", (wh - (dh - top)) + "px") 
} 

демо здесь: http://jsfiddle.net/sifriday/xdaf7o3b/6/

хороший тест для этого, чтобы попробовать его на 4-заголовке страницы, предназначалась здесь: http://jsfiddle.net/sifriday/xdaf7o3b/7/

Answer 2

Заменить на: header3 использования h3

$(function(){ 
    $('body').animate({ 
     scrollTop: $("h3").offset().top 
    }, 500); 
}); 

Обновлено JsFiddle

Answer 3

Использование HTML БПК у селектора

$(function(){ 
$('html, body').animate({ 
    scrollTop: $("h3").offset().top 
    }, 800); 
}); 

здесь работает fiddle

Answer 4

Используйте ниже кодекса

$(function(){ 
$('body').animate({ 
    scrollTop: $("h3").offset().top 
}, 800); 
}); 

Answer 5

AFAIK там нет такого селектора в :header3. Вместо этого вы можете использовать :header:eq(2). Или просто h3.

$(function(){ 
$('body,html').animate({ 
    scrollTop: $(":header:eq(2)").offset().top 
}, 800); 
}); 

DemoDemo.