• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Automatyczne przekierowanie na inną sekcję strony

0 głosów
874 wizyt
pytanie zadane 3 września 2018 w HTML i CSS przez czujek22 Dyskutant (7,670 p.)
Witam. Mam stworzoną stronę one page na sekcjach. Jak zrobić automatyczne przeskoczenie trony na daną sekcję (np po id). Nie chcę aby użytkownik po wejściu na stronę widział jej góre tylko sekcję poniżej.

1 odpowiedź

0 głosów
odpowiedź 3 września 2018 przez ForeverFriendzone Dyskutant (7,520 p.)
komentarz 3 września 2018 przez czujek22 Dyskutant (7,670 p.)
Takie przekierowania scrollujace już mam. Chodzi mi o to, aby strona już była wczytana na tej sekcji drugiej.
komentarz 3 września 2018 przez Kamil Batorski Obywatel (1,870 p.)

@ForeverFriendzone, 

Łap kodzik mam to w jednym z projektów, po scrollu strona wczytuje automatycznie punkt w którym była wcześniej scrolowana, wiesz o co chodzi xD.

 

Przykład;

<a href="#omniesrodkowanie"> <i class="fa fa-info-circle"></i> O nas</a>

Kod;

$(document).ready(function(){
	$('a[href^="#"]').on('click',function (e) {
	    e.preventDefault();
	    var target = this.hash;
	    var $target = $(target);
	    $('html, body').stop().animate({
	        'scrollTop': $target.offset().top - 150
	    }, 1100, 'swing', function () {
	        window.location.hash = target;
	    });
	});
});

 

 

komentarz 4 września 2018 przez ForeverFriendzone Dyskutant (7,520 p.)
mi tam to nie potrzebne, nie widzę w tym żadnej logiki robić coś takiego- przecież jak chce mieć coś co ma się wyświetlać zaraz po wejściu na stronę to dlaczego nie ustawi tego na górze?
komentarz 4 września 2018 przez Kamil Batorski Obywatel (1,870 p.)
:D To działa tak, naciskając na element z id skroluje ci do elementu o klasie która nazywa się jak id klikanego elementu.

Podobne pytania

+1 głos
5 odpowiedzi 4,099 wizyt
pytanie zadane 9 sierpnia 2016 w HTML i CSS przez R.orlinski Mądrala (5,490 p.)
0 głosów
0 odpowiedzi 632 wizyt
pytanie zadane 20 października 2022 w Inne języki przez tonn204 Mądrala (7,470 p.)
0 głosów
2 odpowiedzi 489 wizyt
pytanie zadane 21 listopada 2015 w PHP przez niezalogowany

93,756 zapytań

142,715 odpowiedzi

323,363 komentarzy

63,350 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...