Форум на Kuban.ru (http://forums.kuban.ru/)
-   Разработка программ (http://forums.kuban.ru/f1024/)
-   -   pushState и несколько urls на одной странице - как сделать эти url, чтобы на них и можно было переходить откуда-то? (http://forums.kuban.ru/f1024/pushstate_i_neskol-ko_urls_na_odnoj_stranice_-_kak_sdelat-_eti_url_chtoby_na_nih_i_mozhno_bylo_perehodit-_otkuda--6487681.html)

2225777 06.02.2015 01:14

pushState и несколько urls на одной странице - как сделать эти url, чтобы на них и можно было переходить откуда-то?
 
Страница состоит из нескольких блоков.
По событию scroll смотрим, дошла ли прокуртка до следующего блока, тогда меняем адрес в строке методом pushState, перед этим завели и обработчик popstate.

Вот сайт: [url]http://www.collectif-yay.com[/url]
при прокрутке в адресной строке сначала этот его url
при достижении второго блока - [url]http://www.collectif-yay.com/adventurers-world-map[/url]
при прокрутке до следующего блока - третий адрес.

Так вот, эти адреса можно копировать и открыть в другой вкладке - откроется та же страница на на нужном блоке!

Как это сделано?
С помощью .htaccess?

Вот это не работает (перед каждым блоком поставлен якорь на него <a name="block01"></a>):
RewriteEngine on
RewriteRule ^block01/$ index.php#block01

2225777 06.02.2015 19:00

Идея взята из этой статьи:
googlewebmastercentral.blogspot.ru/2014/02/infinite-scroll-search-friendly.html

2225777 10.02.2015 23:04

Основная идея одностраничного сайта с многими url - это всё же существование каждого логического блока страницы со своим title - в виде отдельной страницы - тогда роботы поисковой системы будут индексировать эту отдельную маленькую страницу.

Но при просмотре пользователем всего сайта эти маленькте страницы-блоки ДОЛЖНЫ соединяться вместе друг за другом и при скроллинге страницы вниз показываться друг за другом, так что у пользователя сложится впечатление, что он просматривает одну страницу!

Вот я и думаю, а как это организовать?

Вот в этом примере:
[url]http://scrollsample.appspot.com/items[/url]
Просто сам блок - там называется "Page #N" намного больше по высоте, чем высота экрана, поэтому он всё-таки загружается один, а при прокрутке вверх или вниз подгружаются ajax'om предыдущий или следующий...

Это всё чудесно! А если будут блока на лендинге, которые намного уже высоты страницы?

wayerr 11.02.2015 00:24

первое скорее всего сделано скриптом


Текущее время: 08:31. Часовой пояс GMT +3.