Вопрос про якорь
Всем привет. Начал использовать якорь.
Имеется скрипт:
$(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, время: 16:38. |