-1

помогите или подскажите как правильно раелизовать такие переходы как в этом дизайне link text нажмите на меню вверху сайта

3
  • @privetsh, Согласно правилам форума, вопросы не должны сводиться к решению либо завершению учебных заданий за учащихся. Пожалуйста, уточните, что вы сделали сами и что не получилось.
    – zb'
    26 июн 2014 в 20:06
  • я не школьник и не студент и это не задача, и я не прошу все делать за меня! я прошу подсказать натолкнуть и помочь разобраться потому что я в ява и квери полный ноль!!!
    – privetsh
    26 июн 2014 в 20:27
  • @privetsh здесь просто прокрутка в низ при нажатии на ссылку. А сначала, мне кажется можно загружать страницу загрузки, а затем аяксом контент сайта.
    – andrey3
    26 июн 2014 в 20:49

1 ответ 1

1

Итак вот тут мой полностью работающий пример http://jsfiddle.net/pvkovalev/z84D9/

HTML

<a id="myAnchor3"><strong>Меню</strong></a>
<a href="#myAnchor1" rel="" class="anchorLink">Крути туда</a>
<a href="#myAnchor2" rel="" class="anchorLink">Крути сюда</a>
<p>Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое. Лежа на панцирнотвердой спине, он видел, стоило ему приподнять голову, свой коричневый,...
    <p>
<a id="myAnchor1"><strong>Туда</strong></a>  <a href="#myAnchor3" class="anchorLink">Назад к меню</a>

        <p>Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое. Лежа на панцирнотвердой спине, он видел, стоило ему ....
            <p>
<a id="myAnchor2"><strong>Сюда</strong></a><a href="#myAnchor3" class="anchorLink">Назад к меню</a>

JavaScript

$('a').click(function () {
    $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
    }, 1500);
    return false;
});

Надеюсь мой ответ будет вам полезен :-)

2
  • огромное спасибо!
    – privetsh
    26 июн 2014 в 20:59
  • @privetsh не за что :-) 26 июн 2014 в 21:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.