Переход на страницу без перезагрузки

[Rentgene]

Здравствуйте форумчани, подскажите каким образом сделать переход по страницам без перезагрузки страници.

Есть Меню сайта, по высоте сайт большой. При нажатие на пункт меню страница опускалась до блока контента где будет нужная информация. Буду очень благодарен за ответы.

[hypnocolor]

http://htmlbook.ru/samhtml/yakorya

[Rentgene]

Спасибо я это знаю. Но у меня JS с прогрузкой на одно странице, когда делаешь якорь он не хочет перемещатся к точке. И еще подскажите делая такую штуку как переход по страницам без перезагрузки не повлияет на работу сайта, или всё же лучше делать простой сайт с отдельными страницами.

[wwt]

Спасибо я это знаю. Но у меня JS с прогрузкой на одно странице, когда делаешь якорь он не хочет перемещатся к точке. И еще подскажите делая такую штуку как переход по страницам без перезагрузки не повлияет на работу сайта, или всё же лучше делать простой сайт с отдельными страницами.

Как я понимаю речь идет об AJAX? Тогда перемещаться к якорю нужно после подгрузки новых данных.

[Rentgene]

Спасибо я это знаю. Но у меня JS с прогрузкой на одно странице, когда делаешь якорь он не хочет перемещатся к точке. И еще подскажите делая такую штуку как переход по страницам без перезагрузки не повлияет на работу сайта, или всё же лучше делать простой сайт с отдельными страницами.

Как я понимаю речь идет об AJAX? Тогда перемещаться к якорю нужно после подгрузки новых данных.

Да правильно поняли, как это сделать правильно?

[Николя223]

После подгрузки ставишь метку - класс или уникальный ID на элемент (если их нет)

При клике по нужной кнопке => высчитываешь значение от верхнего края до элемента (на JQ - это offset().top) и плавненько скроллишь на эту дистанцию через $("метка").animate({scrollTop: "расстояние" }, время); и return false;

Нет не повлияет. гуглояндексы сейчас понимают яваскрипт, даже заверяют что и аякс, но для них нужно пару костылей делать - проще кнопку делать из ссылок, и при клике по ней проставлять return false;

Edited October 2, 2013 by Николя223

[Int]

location.href += '#label'

вот так вот ещё можно после прогрузки Только нужно старую метку отрезать перед этим.

[Rentgene]

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