strona skok z div na kotwicę

Próbowałem zrobić skok div z <a href="#FAQ">FAQ</a> do div id i może łatwo, ale ponieważ mam stały link, aby przejść do, nie mogę znaleźć sposób, w jaki sposób aby to zrobić.strona skok z div na kotwicę

Sens, chcę div lub a href link, aby przejść do adresu URL w tej samej stronie powiedzieć <a href="http://www.mydomain.ask.html">Ask</a>

wiem na pewno, że skakanie z kotwicą takich jak <a href="#jump">jump</a> do div, takich jak <div id="jump">jump to point</div> działa dobrze. A może odwrotnie? Czy to działa? Mam na myśli skakanie z div id do anchor działa?

Źródło

2013-07-23 Digital site

gdybym nie spróbować, dlaczego więc pytam? :) –

Polecam tworzenie prostego pliku html, aby przetestować to, co chcesz zrobić. – Malkus

dlaczego nie (@Digitalsite) to wypróbujesz? –

Dopóki kotwica ma identyfikator można połączyć do lokalizacji w widoku klikając div potrzebujesz tylko trochę javascript.

Ustawienie wartości window.location.hash ustawi ostrość widoku na wybranym ID.

Próbka

<a href="#test1" id="back">Test</a> 

<div id="test1" onclick="window.location.hash='back'; ">

JSFiddle Example

Źródło

2013-07-23 15:10:24 Malkus

ok, świetne rozwiązanie. Tak też zrobiłem. Chciałbym jednak przeskoczyć z 'div id =" test1 "' do 'a href =" # test1 "', a nie w zwykły sposób, jaki znamy ... –

właśnie dowiedziałeś się w twoim przykładzie, że muszę kliknij ** test **, aby przejść do ** elementu docelowego **, a następnie kliknij ** element docelowy **, aby powrócić do ** test ** anchor, co jest dobre. jednak chcę tylko przeskoczyć z ** docelowego div ** na ** test ** "w jedną stronę" –

Nie możesz _ użyć tego przykładu, który podałem. – Malkus

myślę wtedy trzeba dodać <a href="yourid">page place</a> wewnątrz pierwszego div i dać id do tagu zakotwiczenia <a href="yourplace" id="idname"></a>

Źródło

2013-07-23 15:07:01

to rozwiązanie idzie gdzieś w dobrym kierunku ... nie jestem pewien, czy potrafię to dobrze zrozumieć. W każdym razie dzięki. –

jeśli masz link, aby przejść kolejny ze zmiennym można korzystać z ID # znak

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a> 

<div id="lastdiv">There are last product Exist</div>

Źródło

2014-04-01 08:07:06

Odpowiedz

Powiązane problemy