Skip to main content
Commonmark migration
Fonte Link

Estou utilizando o Skrollr em uma aplicação Rails da seguinte forma:

###Gem Utilizada: gem 'skrollr-rails' ###app/assets/javascripts/application.js

Gem Utilizada:

gem 'skrollr-rails'

app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require skrollr
//= require skrollr.menu
$(document).on("ready page:load", function () {
    var s = skrollr.init({
        smoothScrolling: false,
        mobileDeceleration: 0.004
    });

    skrollr.menu.init(s, {
        animate: true,
        scale: 2
    });
});

Tenho uma página principal onde tenho um layout parallax e mais algumas outras páginas com detalhamento de alguns produtos e serviços.

O problema:

##O problema: OO init é feito no "ready page:load", entretanto ao navegar entre as páginas ele pára de funcionar funcionando novamente somente se eu der um refresh na página. O que pode ser feito?

Estou utilizando o Skrollr em uma aplicação Rails da seguinte forma:

###Gem Utilizada: gem 'skrollr-rails' ###app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require skrollr
//= require skrollr.menu
$(document).on("ready page:load", function () {
    var s = skrollr.init({
        smoothScrolling: false,
        mobileDeceleration: 0.004
    });

    skrollr.menu.init(s, {
        animate: true,
        scale: 2
    });
});

Tenho uma página principal onde tenho um layout parallax e mais algumas outras páginas com detalhamento de alguns produtos e serviços.

##O problema: O init é feito no "ready page:load", entretanto ao navegar entre as páginas ele pára de funcionar funcionando novamente somente se eu der um refresh na página. O que pode ser feito?

Estou utilizando o Skrollr em uma aplicação Rails da seguinte forma:

Gem Utilizada:

gem 'skrollr-rails'

app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require skrollr
//= require skrollr.menu
$(document).on("ready page:load", function () {
    var s = skrollr.init({
        smoothScrolling: false,
        mobileDeceleration: 0.004
    });

    skrollr.menu.init(s, {
        animate: true,
        scale: 2
    });
});

Tenho uma página principal onde tenho um layout parallax e mais algumas outras páginas com detalhamento de alguns produtos e serviços.

O problema:

O init é feito no "ready page:load", entretanto ao navegar entre as páginas ele pára de funcionar funcionando novamente somente se eu der um refresh na página. O que pode ser feito?

Fonte Link
Daniel
  • 1,2mil
  • 7
  • 17

Carregar skrollr.init da maneira correta em Rails

Estou utilizando o Skrollr em uma aplicação Rails da seguinte forma:

###Gem Utilizada: gem 'skrollr-rails' ###app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require skrollr
//= require skrollr.menu
$(document).on("ready page:load", function () {
    var s = skrollr.init({
        smoothScrolling: false,
        mobileDeceleration: 0.004
    });

    skrollr.menu.init(s, {
        animate: true,
        scale: 2
    });
});

Tenho uma página principal onde tenho um layout parallax e mais algumas outras páginas com detalhamento de alguns produtos e serviços.

##O problema: O init é feito no "ready page:load", entretanto ao navegar entre as páginas ele pára de funcionar funcionando novamente somente se eu der um refresh na página. O que pode ser feito?