Прокрутка страницы с PageHeader-Mode-Fixed

Сообщение **CuriousMax** » 26 сен 2015, 16:03

Всем доброго времени суток!

Прошу помочь.

Задача: Сделать прокрутку страницы до закладки. Также нужен фиксированный заголовок. Заголовок реализован через PageHeader с Mode=Fixed. Но прокрутка страницы не учитывает того, что заголовок всегда на экране. Как бы сделать так (без перемещения закладки выше), чтобы прокручивалось до заголовка, а не до верха окна?

P.S.
Неправильно прокручивается как при обычном переходе к закладке так и через плавную прокрутку.

Плавная прокрутка:

<script>
// Smooth Scroll
$(document).ready(function(){
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash;
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 1000, 'swing', function () {
window.location.hash = target;
});
});
});
</script>

Заранее благодарю за ответ!

Сообщение **Gudwinn** » 26 сен 2015, 18:11

CuriousMax писал(а):Всем доброго времени суток!

Прошу помочь.

Задача: Сделать прокрутку страницы до закладки. Также нужен фиксированный заголовок. Заголовок реализован через PageHeader с Mode=Fixed. Но прокрутка страницы не учитывает того, что заголовок всегда на экране. Как бы сделать так (без перемещения закладки выше), чтобы прокручивалось до заголовка, а не до верха окна?

P.S.
Неправильно прокручивается как при обычном переходе к закладке так и через плавную прокрутку.

Плавная прокрутка:

<script>
// Smooth Scroll
$(document).ready(function(){
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash;
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 1000, 'swing', function () {
window.location.hash = target;
});
});
});
</script>

Заранее благодарю за ответ!

Непонятно, есть стандартное расширение Smooth Scroll, как вы якорь выставите, туда и проскролит, скиньте ссылку на проект для полной ясности.

Сообщение **CuriousMax** » 27 сен 2015, 10:58

Извиняюсь ребята - затупил. Закладка же имеет абсолютные координаты. Её можно в любую позицию окна сунуть...

Всё работает.