Diskuze: Scroll Button

rosina.jakub

Člen

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

gorri

Člen

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 :-)

gorri

Člen

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 :-)

rosina.jakub

Člen

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

gorri

Člen

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 :-)

rosina.jakub

Člen

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

Wal De Mar-Lad

Člen

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č

Nahoru Odpovědět

3.7.2017 9:08

Libraries over frameworks...

Wal De Mar-Lad

Člen

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.