Szukam tutka w którym będzie opisane jak zrobić:
1.Na stronie głównej posiadam MENU strony a w MENU odnośnik "Imprezy"
2.Po naciśnięciu odnośnika "Imprezy" chce by strona samoczynnie przewinęła się na dól strony (tej samej strony gdzie jest to MENU) do artykułu - Imprezy.
Nie umiem bardziej obrazowo tego wyjaśnić. Nigdzie nie mogę tego znaleźć.
<a rel="nofollow" href='#menu'>link</a> przeniesie Ciebie do id o nazwie menu
Hmm. Spróbuj zaznaczyć ten "obszar" z imprezami w jakiegoś diva typu:
Kod:
<div id="imprezy">..</div>
Potem w odnośniku takie coś:
Kod:
<a href="#imprezy">Imprezy!</a>
Potem dodaj sobie jakiś efekt jQuery, ale tutaj już nie pomogę bo się na tym nie znam
(18.08.2013, 18:58)stepien napisał(a): [ -> ]<a rel="nofollow" href='#menu'>link</a> przeniesie Ciebie do id o nazwie menu
po co to nofollow?
jquery scrollTo.
Kod:
<a id="nazwa">Imprezy</a>
Kod:
<a href="#nazwa">Imprezy są fajne.</a>
Nie wiem skąd to name wziąłem.
Wersja efekciarska z płynnym scrollem (która wkurzy część mobilnych userów):
Kod:
<a href="#sect-lorem" class="smooth">Go to Lorem!</a>
...
<div id="sect-lorem">Lorem ipsum dolor met.</div>
...
<script type="text/javascript">
$(function() {
$('a.smooth').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});
});
</script>
Strona jest oparta głównie na fotorelacjach. Tym samym mobilnych odrzuciłem na samym początku. Efekt wypróbuje jutro. Za wszelkie wskazówki dziękuje i chętnie poznam kolejne : )