One page site, height 100%, smooth scroll

pytanie zadane 27 kwietnia 2018 w HTML i CSS przez uszk Użytkownik (630 p.)

Witam, jak mogę uzyskać efekt na stronie typu one page, dzięki któremu lekki ruch scrollem przekieruje mnie tak jakby cała stronę niżej - tak jak np. na tej stronie http://bossstaff.no/ oraz jak zrobić, żeby nasza strona mogła miec height ustawiony na 100% i żeby zajmowała jedną rozdzielczość naszego ekranu
Mile widziane jakieś linki, filmiki tłumaczące
Z góry dziękuje za odpowiedź :)

komentarz 27 kwietnia 2018 przez w2 Obywatel (1,110 p.)
edycja 27 kwietnia 2018 przez w2

Kod źródłowy skryptu na stronie: http://bossstaff.no/aurora/libs/scrolloverflow.js
Dokumentacja implementowanego skryptu *.js: http://iscrolljs.com/
Demo: http://lab.cubiq.org/iscroll5/demos/simple/
Github: https://github.com/cubiq/iscroll
Tu jest strona autora: http://cubiq.org/iscroll-5
__

Wysokość dopasowywana do wysokości strony: np dla obrazka, div'u: height: 100vh;
Wrzuć poniższy kod: tutaj: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_unit_vh

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  font-size: 20vh;
}
.c1 .c2{
margin: 0;
padding: 0;
}
h1 {
font-size: 20vh;
margin: 0 !important;
}
</style>
</head>
<body>

<div class="c1" style="height: 100vh; background-color: yellow">
<h1>Hello</h1>

<p>Resize the height of the browser window to see how the font-size of h1 changes.</p>
<p>1vh = 1% of viewport height.</p>
<p>The vh unit is not supported in IE8 and earlier.</p>
</div>

<div class="c2" style="height: 100vh; background-color: pink">
<h1>Kitty</h1>

<p>Resize the height of the browser window to see how the font-size of h1 changes.</p>
<p>1vh = 1% of viewport height.</p>
<p>The vh unit is not supported in IE8 and earlier.</p>
</div>

</body>
</html>

}

1	komentarz 27 kwietnia 2018 przez shotokan Nałogowiec (39,660 p.) Wszystko ładnie ale to w3chools bym usunął jak najszybciej... https://forum.pasja-informatyki.pl/298199/w3schools-ostatnie-slowo?show=298199#q298199

komentarz 27 kwietnia 2018 przez w2 Obywatel (1,110 p.)
edycja 27 kwietnia 2018 przez w2

Wszystko ładnie. Przeczytałem cały artykuł na blogu. Ale jakby nie wchodząc w rozszerzoną dysputę o poprawności (+aktualności) materiałów na w3schools, moim skromnym zdaniem początkującego praktyka (teoretykiem też jestem- taki zawód)- narzędzie jak wyżej, do sprawdzania naprędce skryptów- jest przydatne czy nie jest? Jest również jeśli chodzi o szkodliwość na psychice i wypaczaniu wzorców- jako narzędzie: obojętne.

Ja nie kieruje innych do nauki na ta stronę. Wiedzę czerpie się z różnych źródeł. Na pewnym poziomie eksperckim- można kwestionować poprawność materiałów na w3schools (i jak będę bogatszy w wiedzę którą dysponuje autor bloga- to "w imię prawdy (sq..nie! <słychać strzały z kałacha>)" też będę udzielał krytycznych opinii). Ale do moich praktycznych celów- jest to portal z wiedzą. Sam, z własnej i nieprzymuszonej woli- niemało się tam nauczyłem, i wciąż się uczę. Pozdrawiam (Przepraszam jeśli kogoś uraziłem, ale wydaje mi się zabawny żarcik okolicznościowy)