Вопрос про якорь
Всем привет. Начал использовать якорь.
Имеется скрипт: $(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) Думаю, вы меня поняли |
ну добавь -50px. Или какие-то проблемы?
|
danik.js, как это сделать то?
Дело в том, что у меня есть фиксированное меню, и получается так, что это меню перекрывает див. |
Цитата:
scrollTop: $(anchor.attr('href')).offset().top - 50px |
danik.js, не работает.
|
ыы. убери 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'}); }); }); Вообще перестает работать. |
Ап
|
if () { a; b; } else { c; d; } И вобще, меняй не css, а css-классы. И стили уже в css-файле прописывай. |
if () { a; b; } else { c; d; } И вобще, меняй не css, а css-классы. И стили уже в css-файле прописывай. |
Часовой пояс GMT +3, время: 18:13. |