Anchor text - zła pozycja Opcje

[martinii007]

Opiszę mój problem w następujący sposób:

Mam 2 strony HTML: a.html i b.html.
Na stronie a.html jest następujący odnośnik w menu: b.html#miejsce
Teoretycznie powinien pozycjonować do elementu miejsce i tak się dzieje, jednakże w pliku b.html mam slidera, który jednocześnie się ładuje. Po załadowaniu slidera cała strona ucieka do góry w inne miejsce. Czy jest jakiś sposób żeby również "anchorowi" dać opóźnienie lub macie jakieś inne rozwiązać aby rozwiązać ten problem? Jeżeli moje tłumaczenie jest zawiłe to wyeksportuje stronę na ftpa (IMG:style_emoticons/default/wink.gif)

[vonski]

Generalnie strona nie powinna nigdzie uciekać po załadowaniu sider-a, lub czegokolwiek innego, więc coś musi to wymuszać. Także zająłbym się bardziej naprawą tego, niż opóźnieniem skoku do anchor-a - co oczywiście też da sie zrobić za pomocą JS, ale z punktu widzenia UX będzie to dość nietrafione rozwiązanie.

[martinii007]

Kolejność jest taka, że najpierw link przechodzi do anchora, a później włącza się zamierzona animacja, która ładuje slider, trwa to oczywiście wszystko ms. Przechodząc do sedna czy jest możliwość, abyanchor się ładował np. dopiero po 1s?

Ten post edytował martinii007 23.01.2014, 14:08:49

[vonski]

Jest taka możliwość.
Możesz przerobić troche link na stronie a.html żeby prowadził do: b.html/#/id-elementu

Dzięki temu po załadowaniu strony b.html nie przeskoczy Ci od razu do #id-elementu. Javascriptem odczytujesz wartość hashtaga (window.location.hash) i po zakończeniu animacji slidera, czy po jakimś określonym czasie scrollujesz do tego elementu.

[martinii007]

Mógłbyś Twoją myśl przedstawić w postaci przykładowego kodu? Czyli takiego, który czeka np. 1s, a później przechodzi do anchora?
Z góry dzięki (IMG:style_emoticons/default/smile.gif)

[vonski]

Coś w ten deseń:

[PHP] pobierz, plaintext 
 
            // pobierasz ID elementu z URL-a (przy zalozeniu ze URL jest w postaci: b.html/#/id-elementu
            var hash = window.location.hash.replace(/#\//, '');;
 
            // tutaj definiujesz co sie ma wykonac po sekundzie
            setTimeout(function() {
                var el = document.getElementById(hash);
                el.scrollIntoView(true); // scroll do elementu
            }, 1000); // 1000ms = 1s
 
[PHP] pobierz, plaintext 

[martinii007]

(IMG:style_emoticons/default/yahoo.gif)

Temat do zamknięcia, vonski masz piwo (IMG:style_emoticons/default/smile.gif)