CSS или jquery

[penchukov]

Что же css или jquery код?

Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .

[Softlink]

Я бы так рассуждал.

Если на кросс плевать, то надо посмотреть, нужен ли jQ еще для чего-нибудь на сайте. Если нет, то делать на css, ибо подключать библиотеку ради одной такой плюшки не прикольно. Однако, если нужен кросс, то однозначно выпиливать на jQ.

Edited September 19, 2011 by Softlink

[penchukov]

Я бы так рассуждал.

Если на кросс плевать, то надо посмотреть, нужен ли jQ еще для чего-нибудь на сайте. Если нет, то делать на css, ибо подключать библиотеку ради одной такой плюшки не прикольно. Однако, если нужен кросс, то однозначно выпиливать на CSS.

Да вот в раздумиях... Хотел бы сделать не динамичный, а одностраничный сайт. Просто очень удобная навигация по сайту, альтернативы ей не нашел.

Может кто кодом jq поможет или намёком чтоли?))

[Softlink]

О, по-моему я не о том подумал. Я решил, что вы имеет ввиду вот эту стенку из картинок, которые сдвигаются вниз при наведении. А вы про скролл говорили. Я на вскидку не скажу, можно ли это сделать на CSS.

[penchukov]

О, по-моему я не о том подумал. Я решил, что вы имеет ввиду вот эту стенку из картинок, которые сдвигаются вниз при наведении. А вы про скролл говорили. Я на вскидку не скажу, можно ли это сделать на CSS.

Нет нет) Стену я сделаю)

Да, я про скролл. Мне нужен JQ код для скролла, а не css)

[Softlink]

О, по-моему я не о том подумал. Я решил, что вы имеет ввиду вот эту стенку из картинок, которые сдвигаются вниз при наведении. А вы про скролл говорили. Я на вскидку не скажу, можно ли это сделать на CSS.

Нет нет) Стену я сделаю)

Да, я про скролл. Мне нужен JQ код для скролла, а не css)

Как-нибудь на досуге попробую покрутить CSS, может что-то похожее получится. Но пока даже представить не могу, как можно это сделать без js.

p.s. Сайт в примере хороший. Автор любит CSS3

[penchukov]

О, по-моему я не о том подумал. Я решил, что вы имеет ввиду вот эту стенку из картинок, которые сдвигаются вниз при наведении. А вы про скролл говорили. Я на вскидку не скажу, можно ли это сделать на CSS.

Нет нет) Стену я сделаю)

Да, я про скролл. Мне нужен JQ код для скролла, а не css)

Как-нибудь на досуге попробую покрутить CSS, может что-то похожее получится. Но пока даже представить не могу, как можно это сделать без js.

p.s. Сайт в примере хороший. Автор любит CSS3

вы снова про css) я хочу спросить, возможно ли этот скролл сделать на JS?)

[Быколай]

я хочу спросить, возможно ли этот скролл сделать на JS?)

полагаю прокрутка на js и сделана, а конкретнее, заглянув в код страницы и подгруженные сценарии, могу предположить, что стоит обратить внимание на http://www.carolinakaucher.com/en/js/smoothscroll_ext.js

css пока со временем работать не умеет.

Edited September 19, 2011 by Быколай

[Softlink]

я хочу спросить, возможно ли этот скролл сделать на JS?)

полагаю прокрутка на js и сделана, а конкретнее, заглянув в код страницы и подгруженные сценарии, могу предположить, что стоит обратить внимание на http://www.carolinakaucher.com/en/js/smoothscroll_ext.js

css пока со временем работать не умеет.

css таки умеет работать со временем, отчасти, но умеет(транзишены, анимация). Просто тут не могу сходу сообразить к какому действию надо прикрутить тот же транзишн.

p.s. ТС, извиняюсь за css-ный троллинг

[penchukov]

я хочу спросить, возможно ли этот скролл сделать на JS?)

полагаю прокрутка на js и сделана, а конкретнее, заглянув в код страницы и подгруженные сценарии, могу предположить, что стоит обратить внимание на http://www.carolinakaucher.com/en/js/smoothscroll_ext.js

css пока со временем работать не умеет.

Спасибо за ссылку))

Жаль что она обычным JS пишет...(( Туговато доходит если честно))

[Svatov]

Спасибо за ссылку))

Жаль что она обычным JS пишет...(( Туговато доходит если честно))

Так с чистого JS как раз и начинают, а потом переходят к фреймворкам, а не наоборот...ничего плохого, если потратите часик второй на изучение.

[penchukov]

Спасибо за ссылку))

Жаль что она обычным JS пишет...(( Туговато доходит если честно))

Так с чистого JS как раз и начинают, а потом переходят к фреймворкам, а не наоборот...ничего плохого, если потратите часик второй на изучение.

Да я не могу понять где эта функция в коде, что отвечает за данный скролл?

Там та я разберусь... Я не то чтобы не понимаю обычный JS. Просто к библиотекам привык что-ли...

[Svatov]

Может быть: smoothScroll: function(e)?

[Быколай]

css таки умеет работать со временем, отчасти, но умеет(транзишены, анимация). Просто тут не могу сходу сообразить к какому действию надо прикрутить тот же транзишн.

вы правы, уже таки да. не здесь и сейчас, но в принципе уже скоро ))

[mishka]

Можно и самому писать, а можно заюзать готовое решение.

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

[psywalker]

penchukov,

Дружище, а почему бы обычным ЖС не воспользоваться?

[penchukov]

$('#тырымпырым').click(function() {

$.scrollTo('#тырымпырым', 2000);

});

))

penchukov,

Дружище, а почему бы обычным ЖС не воспользоваться?

Все для удобств посетителей!)

[mishka]

$('#тырымпырым').click(function() {

$.scrollTo('#тырымпырым', 2000);

});

))

Это не лучший вариант!

Ты линейкой мерять будешь позицию для каждого элемента?

И в случае изменения количества контента станешь перемерять все расстояния?

Это для линки top можно посьавить 0, так как верх всегда вверху.

Например: http://jsfiddle.net/sGXrE/2/

[penchukov]

$('#тырымпырым').click(function() {

$.scrollTo('#тырымпырым', 2000);

});

))

Это не лучший вариант!

Ты линейкой мерять будешь позицию для каждого элемента?

И в случае изменения количества контента станешь перемерять все расстояния?

Это для линки top можно посьавить 0, так как верх всегда вверху.

Например: http://jsfiddle.net/sGXrE/2/

почему в коде же... при клике на див $('#откуда').click и поехали до определённого дива $.scrollTo('#сюда');

[int03e]

Нафига так заморачиваться? Jquery scrollto

[penchukov]

Нафига так заморачиваться? Jquery scrollto

Чем заморачиваться? Я не пойму... 3-мя строчками в коде?

[mishka]

Нафига так заморачиваться? Jquery scrollto

Ты не заметил что привел линку на тот же плагин что и я?

Только я привел линку на домашнюю страничку плагина.

почему в коде же... при клике на див $('#откуда').click и поехали до определённого дива $.scrollTo('#сюда');

Ну тоже верно. Просто я предлагаю сделать это якорями, и потом выгребать hash линки по которой кликнули.

Можно было и проще написать, типа:

jQuery('.menu a[href^="#"]').click(function() {
    jQuery.scrollTo(this.hash, 400);
    return false;
})

но я привык так вот рассписывать, как в моем примере, для наглядности.

[penchukov]

Нафига так заморачиваться? Jquery scrollto

Ты не заметил что привел линку на тот же плагин что и я?

Только я привел линку на домашнюю страничку плагина.

почему в коде же... при клике на див $('#откуда').click и поехали до определённого дива $.scrollTo('#сюда');

Ну тоже верно. Просто я предлагаю сделать это якорями, и потом выгребать hash линки по которой кликнули.

Можно было и проще написать, типа:

jQuery('.menu a[href^="#"]').click(function() {
    jQuery.scrollTo(this.hash, 400);
    return false;
})

но я привык так вот рассписывать, как в моем примере, для наглядности.

Да можно так. Ну на вкус и цвет, как говориться)