W jaki sposób mogę, lub jest to możliwe, zrobić tak, gdy strona ładuje się, pierwszą rzeczą, którą pokazuje, jest część strony, na której znacznik zakotwiczenia ma zostać wyświetlony przez osobę.Jak załadować stronę do znacznika zakotwiczenia?
Czy to możliwe?
Dzięki za wszelką pomoc z góry.
Użyj javascript.
Rozwiązanie 1
Po załadowaniu dokumentu, przejdź do "hash" lub kotwicy, który chcesz
<script type="text/javascript">
function load()
{
window.location.hash="mylocation";
}
</script>
Rozwiązanie 2
w nagłówku:
<script type="text/javascript" language="javascript">
function moveWindow(){window.location.hash="mylocation";}
</script>
Na znacznika body:
<body onload="moveWindow()">
A twoja kotwica:
<a name="mylocation"></a>
Coś prostego jak to zrobi to
<body onload=' location.href="#myanchor" '>
<a id='myanchor' href='#'>anchor text</a>
Oto 2018 aktualizacja, która jest nieco bardziej dynamiczny .
Jeśli chcesz pobrać URL, wyciągnij kotwicę z adresu URL i przenieś stronę do tej kotwicy, możesz uruchomić javascript przy ładowaniu strony.
if (window.location.href.indexOf('#') == 0) {
let hash = window.location.href.split('#')[1];
let hashTop = document.querySelector(`#${hash}`).offsetTop;
window.scrollTop = hashTop;
}
Istnieje również ten sposób, który jest nieco bardziej zwięzły.
if (location.hash) {
let target = location.hash;
window.scrollTop = document.querySelector(target).offsetTop;
}
Jeśli nie kompilacji ES6 z babel, wystarczy zmienić słowo kluczowe let do var. Działa to również w przypadku WordPress, które doda slash w adresie URL przed zakotwiczeniem.
Dziękuję bardzo! Potrzebowałem sposobu na ustawienie kotwicy w adresie URL Twig, aby przejść do określonego miejsca na stronie, jeśli zostanie zgłoszony wyjątek. Nie można tego zrobić, więc zamiast tego wstawiam zmienną twig do znacznika body i ustawię ją na pusty ciąg. Następnie, jeśli wyjątek zostanie zgłoszony, zapełniam zmienną łańcuchową javascriptem, jak pokazano w Twojej odpowiedzi (window.location.hash = "foo"), i dodasz ją do renderowania strony:
. – paidforbychrist