mgtv

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

2 posts in this topic

Есть скрипт скрола, т.е. при нажатии на ссылку якоря он плавно опускает страницу к нужному блоку, но есть проблема, у меня фиксированное меню которое закрывает часть блока, как сделать что бы блок поднимался только на определенную высоту, не до конца страницы, а например не доходя 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; // выключаем стандартное действие
    });
});

Share this post


Link to post
Share on other sites

Это распространенная проблема при создании фиксированного меню. Я пробовал воспользоваться решением приведенным на 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.