NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
rosina.jakub
Člen
Avatar
rosina.jakub:2.7.2017 16:33

Čaute, prosím vás vedeli by si mi pomôcť so scroll button?
Potrebujem aby mal fixnú pozíciu a po kliknutí sa stránka posunula na ďalší element. Avšak bude sa využívať na viacerých stránkach kde sú vždy elementy iné, takže nejakou fixnou pozíciou o koľko sa má posunúť to nepôjde a ani posunutie na ďalší div pomocou id.
Je to vôbec možné?
Ďakujem

 
Odpovědět
2.7.2017 16:33
Avatar
gorri
Člen
Avatar
Odpovídá na rosina.jakub
gorri:2.7.2017 17:21

Myslíš v CSS jak to vyřešit nebo v JS?
Raději se ptám

Nahoru Odpovědět
2.7.2017 17:21
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na rosina.jakub
gorri:2.7.2017 17:24

Pokud v CSS tak nejsnadněji takto

.tocochcesfixnou{
width:40px;
height:40px;
background-size: 100% !important;
margin-right: 25px;
background: url('trebanejakyobrazeknapozadi') no-repeat center center;
margin-bottom: 50px;
}

Alespoň já to mám takto vyřešené a funguje to. ;-)

Nahoru Odpovědět
2.7.2017 17:24
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
rosina.jakub
Člen
Avatar
rosina.jakub:2.7.2017 17:27

Nie css. To nie je problém. Mal som na mysli vyriešiť to v JS celý ten scroll. Aby to vždy našlo ďalší element a na ten to posunulo.

 
Nahoru Odpovědět
2.7.2017 17:27
Avatar
gorri
Člen
Avatar
Odpovídá na rosina.jakub
gorri:2.7.2017 17:31

Aha. Tak to se omlouvám za zbytečnou informaci :-D
Toto fakt ještě nevím. :-(

Nahoru Odpovědět
2.7.2017 17:31
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
rosina.jakub
Člen
Avatar
rosina.jakub:2.7.2017 17:36

Mám to. Tu je script ak by to niekto potreboval:

$(document).ready(function(){
    $('.scroll-btn').click(function() {
       var target;
       $("section").each(function(i, element) {
         target = $(element).offset().top;
         if (target - 10 > $(document).scrollTop()) {
           return false; // break
         }
       });
       $("html, body").animate({
         scrollTop: target
    }, 700);
    });
});
 
Nahoru Odpovědět
2.7.2017 17:36
Avatar
Wal De Mar-Lad
Člen
Avatar
Odpovídá na rosina.jakub
Wal De Mar-Lad:3.7.2017 9:08

Tu to máš ešte o to, čo som Ti včera spomínal, konštantná rýchlosť skrolovania pri akejkoľvek výške elementu:

$(document).ready(function () {
  $('.scroll-btn').click(function () {
    var target
    var speed
    $('section').each(function (i, element) {
      target = $(element).offset().top
      speed = $(element).outerHeight(true)
      if (target - 10 > $(document).scrollTop()) {
        return false // break
      }
    });
    $('html, body').animate({
      scrollTop: target
    }, speed)
  })
})
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
3.7.2017 9:08
Libraries over frameworks...
Avatar
Wal De Mar-Lad
Člen
Avatar
Wal De Mar-Lad:30.8.2017 20:15

Díky Honza.

Nahoru Odpovědět
30.8.2017 20:15
Libraries over frameworks...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.