Przesuwanie rozwijanego tekstu

Question

Witam. Jak zrobić aby po naciśnięciu i rozwinięciu tekstu strona przesunęła się w dół aby widać było cały tekst?

Answer 1

>Wie Ktoś???<

Comments

Jakiś.obiekt => zdarzenie ("click") => Smooth Scrooling (Używałem: localScroll, oraz scrollTo.  Znajdziesz w bibliotece Jquery).

lub jeżeli chcesz w pure JS to:

Jakiś.obiekt => zdarzzenie("Click") => window.scrollBy(oś X, ośY);

---

A kod dał byś???

---

A chociaż próbowałeś?

---

Nie Bo nie umiem

---

Czego nie rozumiesz?

---

JS
function switchInfo()
{
   var info = document.getElementById('info')
   info.style.display=(info.style.display=='none')?'':'none'
}

HTML

<span onclick="switchInfo()"><img src="zdjecie.png" width="780" height="540" >

<div id="info" style="display:none">
<FONT color="white" text-align="justify" face="Century Gothic">TU MAM TEKST
</FONT> <br> <br> <br> </div>

 

---

I co muszę dopisać?

---

Pozostawię twoją semantykę HTML poza komenatrzem i mam nadzieję, że robiłeś to  w ramach testu... Ok. Jeżeli chcesz się uczyć dobrych praktyk to, najpierw pozbywamy się wywołania zdarzenia w HTML a przepiszemy w JS.

Czyli:

document.getElementById("element wywołujący zdarzenie). addEventListener ('click' , switchInfo, 'false')

Teraz:

Pobierasz obiekt info i teraz jak widzę nadajesz styl display z wartością równą  i teraz nie rozumiem co to robi. Jeżeli masz jakiś obiekt HTML i chcesz by on był zawinięty używasz właściwości CSS overflow:hidden. A dopiero po zdarzeniu, pokazujesz całą zawartość div, po przez:

info.style.overflow = "inherit" lub info.classList.add ("none_overflow").

Następnie robisz to co wyżej napisałem.

Answer 2

A Kod By Ktoś Dał???

Comments

Gotowca raczej nie dostaniesz