ScrollTo strona

Question

Witam, mam pytanie jak mam spowodować żeby od kliknięcia w <a>tutaj są random znaki(dwadsawafdaw)</a>

przenosiło mnie do dolnego lorem ipsum

napisałem tylko coś takiego i nie wiem co zrobić

Dziękuje za pomoc z góry

codepen: https://codepen.io/AgentTecza/pen/xxRPrPX

Answer 1

https://webroad.pl/html5-css3/182-plynne-przewijanie-strony-scroll-behavior-smoth

A jak musi być w js to :

https://www.w3schools.com/howto/howto_css_smooth_scroll.asp

tylko używaj const i let zamiast var ( bo w w3school tego nie zmienił)

Comments

@Zawoj11  Brawo, słuszna uwaga. 

tylko używaj const i let zamiast var ( bo w w3school tego nie zmienił)

const i let w javascript (ES6) – kiedy ich używać?

Answer 2

W prosty sposób (html)                                                                         

<a id="test" href="#jdwoijwaojiodwa">jdwoijwaojiodwa</a>
<div class="long"></div>

<a href="#test">do góry</a>
<p id="jdwoijwaojiodwa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed consectetur enim. Etiam auctor, enim sit amet varius feugiat, mi neque faucibus nisl, euismod tempor ante justo et lorem. Mauris fringilla nisi sed sapien venenatis, at consectetur nunc mattis. Duis molestie justo nec nisi posuere elementum. Curabitur vitae elementum nibh, nec lacinia ligula. Vestibulum id dictum urna, id suscipit dui. Etiam justo ex, viverra nec dolor et, tincidunt convallis ipsum. Suspendisse sed finibus leo. Nulla eu suscipit mi. In varius ac mi vitae finibus. Proin vestibulum libero dui, in pharetra ex ultricies id. Maecenas imperdiet nisi quis erat aliquam finibus. Nam eget ante sed mi porta tempor eu ac tortor. Donec placerat, urna a faucibus aliquam, ipsum mauris condimentum ante, et tempor augue enim id ante.</p>

html {
  scroll-behavior: smooth;
}
.long {
  height: 10000px; /*  ;-)  */
}