• 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
276 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 2,490 wizyt
pytanie zadane 9 sierpnia 2016 w HTML i CSS przez R.orlinski Mądrala (5,500 p.)
0 głosów
2 odpowiedzi 265 wizyt
pytanie zadane 21 listopada 2015 w PHP przez niezalogowany
+1 głos
1 odpowiedź 202 wizyt
pytanie zadane 30 września 2017 w HTML i CSS przez zkkf56 Dyskutant (8,710 p.)

86,459 zapytań

135,216 odpowiedzi

300,377 komentarzy

57,209 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...