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

Jak skokowo przewinąć stronę do jakiejś jej procenta od razu po załadowaniu strony?

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
502 wizyt
pytanie zadane 19 listopada 2017 w HTML i CSS przez vtn Początkujący (360 p.)

Tak jak napisałem w temacie chce aby strona od razu po załadowaniu przewinęła się do określonego jej procentu. Wiem, że nie jest to zgodne z wskazówkami ale za gotowca się nie obrażęcheeky

3 odpowiedzi

0 głosów
odpowiedź 19 listopada 2017 przez Daniel90 Pasjonat (17,970 p.)
komentarz 19 listopada 2017 przez WojtexGamer Początkujący (370 p.)
Dałoby się zrobić tak, aby po kliknięciu w link przekierowywało nas na podstronę + przewijało stronę do diva? Uzywajac html/css
komentarz 19 listopada 2017 przez vtn Początkujący (360 p.)

I jak za pomocą tego skryptu 

<script type="text/javascript">
function load()
{
window.location.hash="mylocation"; 
}
</script>

Dodać miejsce w które ma się strona przewinąć bo jeszcze nie ogarniam js'a ?

 

komentarz 19 listopada 2017 przez vtn Początkujący (360 p.)

Już nieważne rozkminiłem laugh Dzięki za odpowiedź.

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)
edycja 19 listopada 2017 przez lapacz.kornel
<a href="jakas-strona.pl#id-elementu">

Da się

0 głosów
odpowiedź 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)
document.addEventListener('DOMContentLoaded', () => {
	location.hash = ''; // id 
});

to powinno zadziałać

komentarz 19 listopada 2017 przez Ehlert Ekspert (214,470 p.)
Nie wszystkie przeglądarki posiadają wsparcie dla arrow functions.

Poza tym używanie af w tym przypadku to niemądry pomysł biorąc pod uwagę fakt, że funkcja nie zostanie wywołana w kontekście elementu, na którym wywołane zostało zdarzenie.
komentarz 19 listopada 2017 przez vtn Początkujący (360 p.)
Dodałem i działa dzięki za odpowiedź.
komentarz 19 listopada 2017 przez Ehlert Ekspert (214,470 p.)
Tracę wiarę w to forum.
komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)
document.addEventListener('DOMContentLoaded', function() {
    location.hash = ''; // id 
});

 

Arrow functions nie wspiera IE i opera mini (nie liczac starszych wersji reszty przegladarek). W tym przypadku this i tak nie jest potrzebne więc nie rozumiem po co tworzyć "tradycyjną" funkcję.

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Jeśli pomogłem możesz oznaczyć jako najlepszą odpowiedź wink.

komentarz 19 listopada 2017 przez Ehlert Ekspert (214,470 p.)
Może warto się trzymać jakichś konwencji, jeśli nie używa się Babela? A co tam tutaj walne sobie arrow functions, bo działa. W końcu również przyszły pracodawca na 100 nie używa opery mini.
komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Ja używam Babela cheeky.

0 głosów
odpowiedź 19 listopada 2017 przez pablop76 VIP (123,540 p.)

Witam. Skrypt powinien wyglądać tak

document.addEventListener("DOMContentLoaded", function() {
			var hash = $('#link');
			$('html, body').animate({
				scrollTop: $(hash).offset().top
			}, 3000);
			return false;
		});

 

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Jeśli już używasz jQuery to czemu nie dasz $( document ).ready(). W pytaniu jest "Jak skokowo przewinąć (...)", nie rozumiem zasadności użycia funkcji .animate().

komentarz 19 listopada 2017 przez pablop76 VIP (123,540 p.)
Można pominąć animację. Przewinąć skokowo  to chyba  oksymoron. Więc wybrałem przewinąć :)

Podobne pytania

0 głosów
1 odpowiedź 1,236 wizyt
pytanie zadane 12 lipca 2018 w PHP przez Thorwaldsen Początkujący (250 p.)
0 głosów
0 odpowiedzi 110 wizyt
+1 głos
1 odpowiedź 203 wizyt

93,158 zapytań

142,171 odpowiedzi

321,881 komentarzy

62,487 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 224p. - nidomika
  2. 224p. - Marcin Putra
  3. 223p. - dia-Chann
  4. 221p. - ssynowiec
  5. 217p. - Mikbac
  6. 216p. - CC PL
  7. 215p. - Łukasz Piwowar
  8. 212p. - zmmz89
  9. 210p. - Adrian Wieprzkowicz
  10. 208p. - rafalszastok
  11. 206p. - Michal Drewniak
  12. 204p. - Łukasz Eckert
  13. 202p. - rucin93
  14. 200p. - robwarsz
  15. 198p. - TheLukaszNs
Szczegóły i pełne wyniki

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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...