[Jquery] Passare da un div a un altro cliccando sul link di un menu


Answers

Per ottenere di più come un effetto di parallasse, è possibile aggiungere l' background-attachment: fixed;

.About-section {
  height: 300px;
  background: url('http://lorempicsum.com/futurama/627/200/3') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

Come questo

Nota : utilizzo il codice JS @sagar kodte che funziona bene per l'animazione.

Question

Ehi ragazzi voglio un effetto di animazione sul mio sito web dove, quando clicchiamo su un link a un menu (diciamo, sezione), animeremo il div in uno stile di parallasse.

Quindi ragazzi se conoscete qualche plugin jQuery che può aiutarmi in questo contesto, quindi fatemelo sapere, e sarebbe meglio se mi dimostrate un esempio di questo.

Vedi il codice per aiuto:

.Home-section {
  height: 500px;
  background: deepskyblue;
}
.About-section {
  height: 300px;
  background: deeppink;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<a href="#">Home</a>
<a href="#">About</a>

<div class="Home-section">
  <h1> Hello </h1>
</div>

<div class="About-section">
  <h1>Bye</h1>
</div>

Quindi, in base al codice che desidero animare alla sezione Informazioni, fare clic sul collegamento che indica Informazioni




.Home-section {
  height: 500px;
  background: deepskyblue;
}
.About-section {
  height: 300px;
  background: deeppink;
}
<a href="#home">Home</a>
<a href="#about">About</a>

<div class="Home-section" id="home">
  <h1> Hello </h1>
</div>

<div class="About-section" id="about">
  <h1>Bye</h1>

Prova questo.




Links