mgtv

Плавный скролл! Помогите отредактировать.

2 сообщения в этой теме

Есть скрипт скрола, т.е. при нажатии на ссылку якоря он плавно опускает страницу к нужному блоку, но есть проблема, у меня фиксированное меню которое закрывает часть блока, как сделать что бы блок поднимался только на определенную высоту, не до конца страницы, а например не доходя 50px от верха?



$(document).ready(function(){
    $('a[href^="#"], a[href^="."]').click( function(){ // если в href начинается с # или ., то ловим клик
	    var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href
        if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
	    $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 1000); // анимируем скроолинг к элементу scroll_el
        }
	    return false; // выключаем стандартное действие
    });
});

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Это распространенная проблема при создании фиксированного меню. Я пробовал воспользоваться решением приведенным на stackoverflow, но не помогло, может вам поможет

 

Ссылке якорю дайте класс

<a name="foo" class="top"></a>

А в стили внесите

a.top {
position: relative;
top:-100px;
display: block;
height: 0;
width:0;
}

http://stackoverflow.com/questions/5070751/anchor-links-and-margins

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу