Вопрос про якорь

[grisha2217]

Всем привет. Начал использовать якорь.

Имеется скрипт:

$(document).ready(function(){
   $('a[href*=#]').bind("click", function(e){
      var anchor = $(this);
      $('html, body').stop().animate({
         scrollTop: $(anchor.attr('href')).offset().top
      }, 1000);
      e.preventDefault();
   });
   return false;
});

Задача:
Прокручивать страницу почти до якоря (якорь и top:-50px)


Думаю, вы меня поняли

[danik.js]

ну добавь -50px. Или какие-то проблемы?

[grisha2217]

danik.js, как это сделать то?

Дело в том, что у меня есть фиксированное меню, и получается так, что это меню перекрывает див.

[danik.js]

Задача:
Прокручивать страницу почти до якоря (якорь и top:-50px)

scrollTop: $(anchor.attr('href')).offset().top - 50px

[grisha2217]

danik.js, не работает.

[danik.js]

ыы. убери px

[grisha2217]

ыы. убери px

Работает. Спасибо)

---

Есть еще один вопрос.

Есть код:

$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 100) $("#menu").css({top: '0', position: 'relative'});
        else $("#menu").css({top: '0', position: 'fixed'});
		$(".navtabs").css({background: '#21333F'});
    });
});

Если top > 100, то меняется css у id'a menu и класса navtabs, а как мне сделать, чтобы обратно возвращалось. Т.е. когда top < 100 у id'a меню css меняется, а мне нужно, чтобы еще и у класса navtabs менялось.


Пробовал так:

$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 100) $("#menu").css({top: '0', position: 'relative'});
		               $(".navtabs").css({background: '#1A1A1A'});
        else $("#menu").css({top: '0', position: 'fixed'});
		$(".navtabs").css({background: '#21333F'});
    });
});

Вообще перестает работать.

[grisha2217]

Ап

[danik.js]

if () {
    a;
    b;
} else {
    c;
    d;
}

И вобще, меняй не css, а css-классы. И стили уже в css-файле прописывай.

[danik.js]

if () {
    a;
    b;
} else {
    c;
    d;
}

И вобще, меняй не css, а css-классы. И стили уже в css-файле прописывай.