onepage_scroll_rails 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: bb8eac687c91e89c3ec275a800f7139dabcee0d5
+  data.tar.gz: 907318289e8331c76906c4b765cfe041bd63cea7
+SHA512:
+  metadata.gz: 6e8a3b3904509d091147eda139d864ac84e8be358372a358833bb12b3ba919520c7a577d6024afbb9c35e93a03b9bbc2b82bd095db273c0efb74f9d1a5269edc
+  data.tar.gz: b0067bf14564370f7fc005f2814f9824bc6c7e5137b27f5dbfa406a5696a9cea8ea994c97879576002a08d485857b0452e3bad58b9ed70e1524786a535e6f0ae

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.ruby-gemset

@@ -0,0 +1 @@
+onepage_scroll_rails

data/.ruby-version

@@ -0,0 +1 @@
+2.2.2

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.2.3
+before_install: gem install bundler -v 1.10.6

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in onepage_scroll_rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Alexander Kiseliev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,55 @@
+# OnepageScrollRails
+
+Adding [onepage-scroll](https://github.com/peachananr/onepage-scroll) in rails assets.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'onepage_scroll_rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install onepage_scroll_rails
+
+## Usage
+
+Add in application.css
+
+```sass
+@import 'onepage-scroll/onepage-scroll'
+```
+
+Add in application.js
+
+```coffee
+#= require 'onepage-scroll/jquery.onepage-scroll'
+```
+or
+```coffee
+#= require 'onepage-scroll/jquery.onepage-scroll.min'
+```
+
+Use it like [here](https://github.com/peachananr/onepage-scroll). Docs and more info is placed [here](https://github.com/peachananr/onepage-scroll) too.
+
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/enjoycreative/onepage_scroll_rails.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "onepage_scroll_rails"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/onepage_scroll_rails/engine.rb

@@ -0,0 +1,4 @@
+module OnepageScrollRails
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/onepage_scroll_rails/version.rb

@@ -0,0 +1,3 @@
+module OnepageScrollRails
+  VERSION = "0.1.0"
+end

data/lib/onepage_scroll_rails.rb

@@ -0,0 +1,2 @@
+require "onepage_scroll_rails/version"
+require "onepage_scroll_rails/engine"

data/onepage_scroll_rails.gemspec

@@ -0,0 +1,32 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'onepage_scroll_rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "onepage_scroll_rails"
+  spec.version       = OnepageScrollRails::VERSION
+  spec.authors       = ["Alexander Kiseliev"]
+  spec.email         = ["dev@enjoycreative.ru"]
+
+  spec.summary       = "onepage-scroll for rails"
+  spec.description   = "onepage-scroll for rails"
+  spec.homepage      = "https://github.com/enjoycreative/onepage_scroll_rails"
+  spec.license       = "MIT"
+
+  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
+  # delete this section to allow pushing this gem to any host.
+  # if spec.respond_to?(:metadata)
+  #   spec.metadata['allowed_push_host'] = "TODO: Set to 'http://mygemserver.com'"
+  # else
+  #   raise "RubyGems 2.0 or newer is required to protect against public gem pushes."
+  # end
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/release.sh

@@ -0,0 +1,7 @@
+#!/usr/bin/bash
+bundle update
+git add --all .
+git commit -am "${*:1}"
+git push
+git push gh master
+rake release

data/vendor/assets/javascripts/onepage-scroll/jquery.onepage-scroll.js

@@ -0,0 +1 @@
+!function(e){var t={sectionContainer:"section",easing:"ease",animationTime:1e3,pagination:true,updateURL:false,keyboard:true,beforeMove:null,afterMove:null,loop:true,responsiveFallback:false,direction:"vertical"};e.fn.swipeEvents=function(){return this.each(function(){function i(e){var i=e.originalEvent.touches;if(i&&i.length){t=i[0].pageX;n=i[0].pageY;r.bind("touchmove",s)}}function s(e){var i=e.originalEvent.touches;if(i&&i.length){var o=t-i[0].pageX;var u=n-i[0].pageY;if(o>=50){r.trigger("swipeLeft")}if(o<=-50){r.trigger("swipeRight")}if(u>=50){r.trigger("swipeUp")}if(u<=-50){r.trigger("swipeDown")}if(Math.abs(o)>=50||Math.abs(u)>=50){r.unbind("touchmove",s)}}}var t,n,r=e(this);r.bind("touchstart",i)})};e.fn.onepage_scroll=function(n){function o(){var t=false;var n=typeof r.responsiveFallback;if(n=="number"){t=e(window).width()<r.responsiveFallback}if(n=="boolean"){t=r.responsiveFallback}if(n=="function"){valFunction=r.responsiveFallback();t=valFunction;typeOFv=typeof t;if(typeOFv=="number"){t=e(window).width()<valFunction}}if(t){e("body").addClass("disabled-onepage-scroll");e(document).unbind("mousewheel DOMMouseScroll MozMousePixelScroll");i.swipeEvents().unbind("swipeDown swipeUp")}else{if(e("body").hasClass("disabled-onepage-scroll")){e("body").removeClass("disabled-onepage-scroll");e("html, body, .wrapper").animate({scrollTop:0},"fast")}i.swipeEvents().bind("swipeDown",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveUp()}).bind("swipeUp",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveDown()});e(document).bind("mousewheel DOMMouseScroll MozMousePixelScroll",function(e){e.preventDefault();var t=e.originalEvent.wheelDelta||-e.originalEvent.detail;u(e,t)})}}function u(e,t){deltaOfInterest=t;var n=(new Date).getTime();if(n-lastAnimation<quietPeriod+r.animationTime){e.preventDefault();return}if(deltaOfInterest<0){i.moveDown()}else{i.moveUp()}lastAnimation=n}var r=e.extend({},t,n),i=e(this),s=e(r.sectionContainer);total=s.length,status="off",topPos=0,leftPos=0,lastAnimation=0,quietPeriod=500,paginationList="";e.fn.transformPage=function(t,n,r){if(typeof t.beforeMove=="function")t.beforeMove(r);if(e("html").hasClass("ie8")){if(t.direction=="horizontal"){var s=i.width()/100*n;e(this).animate({left:s+"px"},t.animationTime)}else{var s=i.height()/100*n;e(this).animate({top:s+"px"},t.animationTime)}}else{e(this).css({"-webkit-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-webkit-transition":"all "+t.animationTime+"ms "+t.easing,"-moz-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-moz-transition":"all "+t.animationTime+"ms "+t.easing,"-ms-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-ms-transition":"all "+t.animationTime+"ms "+t.easing,transform:t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)",transition:"all "+t.animationTime+"ms "+t.easing})}e(this).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(e){if(typeof t.afterMove=="function")t.afterMove(r)})};e.fn.moveDown=function(){var t=e(this);index=e(r.sectionContainer+".active").data("index");current=e(r.sectionContainer+"[data-index='"+index+"']");next=e(r.sectionContainer+"[data-index='"+(index+1)+"']");if(next.length<1){if(r.loop==true){pos=0;next=e(r.sectionContainer+"[data-index='1']")}else{return}}else{pos=index*100*-1}if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");if(r.pagination==true){e(".onepage-pagination li a"+"[data-index='"+index+"']").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+next.data("index")+"']").addClass("active")}e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(index+1);history.pushState({},document.title,n)}t.transformPage(r,pos,next.data("index"))};e.fn.moveUp=function(){var t=e(this);index=e(r.sectionContainer+".active").data("index");current=e(r.sectionContainer+"[data-index='"+index+"']");next=e(r.sectionContainer+"[data-index='"+(index-1)+"']");if(next.length<1){if(r.loop==true){pos=(total-1)*100*-1;next=e(r.sectionContainer+"[data-index='"+total+"']")}else{return}}else{pos=(next.data("index")-1)*100*-1}if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");if(r.pagination==true){e(".onepage-pagination li a"+"[data-index='"+index+"']").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+next.data("index")+"']").addClass("active")}e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(index-1);history.pushState({},document.title,n)}t.transformPage(r,pos,next.data("index"))};e.fn.moveTo=function(t){current=e(r.sectionContainer+".active");next=e(r.sectionContainer+"[data-index='"+t+"']");if(next.length>0){if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");e(".onepage-pagination li a"+".active").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+t+"']").addClass("active");e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));pos=(t-1)*100*-1;if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(t-1);history.pushState({},document.title,n)}i.transformPage(r,pos,t)}};i.addClass("onepage-wrapper").css("position","relative");e.each(s,function(t){e(this).css({position:"absolute",top:topPos+"%"}).addClass("section").attr("data-index",t+1);e(this).css({position:"absolute",left:r.direction=="horizontal"?leftPos+"%":0,top:r.direction=="vertical"||r.direction!="horizontal"?topPos+"%":0});if(r.direction=="horizontal")leftPos=leftPos+100;else topPos=topPos+100;if(r.pagination==true){paginationList+="<li><a data-index='"+(t+1)+"' href='#"+(t+1)+"'></a></li>"}});i.swipeEvents().bind("swipeDown",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveUp()}).bind("swipeUp",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveDown()});if(r.pagination==true){if(e("ul.onepage-pagination").length<1)e("<ul class='onepage-pagination'></ul>").prependTo("body");if(r.direction=="horizontal"){posLeft=i.find(".onepage-pagination").width()/2*-1;i.find(".onepage-pagination").css("margin-left",posLeft)}else{posTop=i.find(".onepage-pagination").height()/2*-1;i.find(".onepage-pagination").css("margin-top",posTop)}e("ul.onepage-pagination").html(paginationList)}if(window.location.hash!=""&&window.location.hash!="#1"){init_index=window.location.hash.replace("#","");if(parseInt(init_index)<=total&&parseInt(init_index)>0){e(r.sectionContainer+"[data-index='"+init_index+"']").addClass("active");e("body").addClass("viewing-page-"+init_index);if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='"+init_index+"']").addClass("active");next=e(r.sectionContainer+"[data-index='"+init_index+"']");if(next){next.addClass("active");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='"+init_index+"']").addClass("active");e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var a=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+init_index;history.pushState({},document.title,a)}}pos=(init_index-1)*100*-1;i.transformPage(r,pos,init_index)}else{e(r.sectionContainer+"[data-index='1']").addClass("active");e("body").addClass("viewing-page-1");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='1']").addClass("active")}}else{e(r.sectionContainer+"[data-index='1']").addClass("active");e("body").addClass("viewing-page-1");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='1']").addClass("active")}if(r.pagination==true){e(".onepage-pagination li a").click(function(){var t=e(this).data("index");i.moveTo(t)})}e(document).bind("mousewheel DOMMouseScroll MozMousePixelScroll",function(t){t.preventDefault();var n=t.originalEvent.wheelDelta||-t.originalEvent.detail;if(!e("body").hasClass("disabled-onepage-scroll"))u(t,n)});if(r.responsiveFallback!=false){e(window).resize(function(){o()});o()}if(r.keyboard==true){e(document).keydown(function(t){var n=t.target.tagName.toLowerCase();if(!e("body").hasClass("disabled-onepage-scroll")){switch(t.which){case 38:if(n!="input"&&n!="textarea")i.moveUp();break;case 40:if(n!="input"&&n!="textarea")i.moveDown();break;case 32:if(n!="input"&&n!="textarea")i.moveDown();break;case 33:if(n!="input"&&n!="textarea")i.moveUp();break;case 34:if(n!="input"&&n!="textarea")i.moveDown();break;case 36:i.moveTo(1);break;case 35:i.moveTo(total);break;default:return}}})}return false}}(window.jQuery)

data/vendor/assets/javascripts/onepage-scroll/jquery.onepage-scroll.min.js

@@ -0,0 +1,428 @@
+/* ===========================================================
+ * jquery-onepage-scroll.js v1.3.1
+ * ===========================================================
+ * Copyright 2013 Pete Rojwongsuriya.
+ * http://www.thepetedesign.com
+ *
+ * Create an Apple-like website that let user scroll
+ * one page at a time
+ *
+ * Credit: Eike Send for the awesome swipe event
+ * https://github.com/peachananr/onepage-scroll
+ *
+ * License: GPL v3
+ *
+ * ========================================================== */
+
+! function($) {
+
+    var defaults = {
+        sectionContainer: "section",
+        easing: "ease",
+        animationTime: 1000,
+        pagination: true,
+        updateURL: false,
+        keyboard: true,
+        beforeMove: null,
+        afterMove: null,
+        loop: true,
+        responsiveFallback: false,
+        direction: 'vertical'
+    };
+
+    /*------------------------------------------------*/
+    /*  Credit: Eike Send for the awesome swipe event */
+    /*------------------------------------------------*/
+
+    $.fn.swipeEvents = function() {
+        return this.each(function() {
+
+            var startX,
+                startY,
+                $this = $(this);
+
+            $this.bind('touchstart', touchstart);
+
+            function touchstart(event) {
+                var touches = event.originalEvent.touches;
+                if (touches && touches.length) {
+                    startX = touches[0].pageX;
+                    startY = touches[0].pageY;
+                    $this.bind('touchmove', touchmove);
+                }
+            }
+
+            function touchmove(event) {
+                var touches = event.originalEvent.touches;
+                if (touches && touches.length) {
+                    var deltaX = startX - touches[0].pageX;
+                    var deltaY = startY - touches[0].pageY;
+
+                    if (deltaX >= 50) {
+                        $this.trigger("swipeLeft");
+                    }
+                    if (deltaX <= -50) {
+                        $this.trigger("swipeRight");
+                    }
+                    if (deltaY >= 50) {
+                        $this.trigger("swipeUp");
+                    }
+                    if (deltaY <= -50) {
+                        $this.trigger("swipeDown");
+                    }
+                    if (Math.abs(deltaX) >= 50 || Math.abs(deltaY) >= 50) {
+                        $this.unbind('touchmove', touchmove);
+                    }
+                }
+            }
+
+        });
+    };
+
+
+    $.fn.onepage_scroll = function(options) {
+        var settings = $.extend({}, defaults, options),
+            el = $(this),
+            sections = $(settings.sectionContainer)
+            total = sections.length,
+            status = "off",
+            topPos = 0,
+            leftPos = 0,
+            lastAnimation = 0,
+            quietPeriod = 500,
+            paginationList = "";
+
+        $.fn.transformPage = function(settings, pos, index) {
+            if (typeof settings.beforeMove == 'function') settings.beforeMove(index);
+
+            // Just a simple edit that makes use of modernizr to detect an IE8 browser and changes the transform method into
+            // an top animate so IE8 users can also use this script.
+            if ($('html').hasClass('ie8')) {
+                if (settings.direction == 'horizontal') {
+                    var toppos = (el.width() / 100) * pos;
+                    $(this).animate({
+                        left: toppos + 'px'
+                    }, settings.animationTime);
+                } else {
+                    var toppos = (el.height() / 100) * pos;
+                    $(this).animate({
+                        top: toppos + 'px'
+                    }, settings.animationTime);
+                }
+            } else {
+                $(this).css({
+                    "-webkit-transform": (settings.direction == 'horizontal') ? "translate3d(" + pos + "%, 0, 0)" : "translate3d(0, " + pos + "%, 0)",
+                    "-webkit-transition": "all " + settings.animationTime + "ms " + settings.easing,
+                    "-moz-transform": (settings.direction == 'horizontal') ? "translate3d(" + pos + "%, 0, 0)" : "translate3d(0, " + pos + "%, 0)",
+                    "-moz-transition": "all " + settings.animationTime + "ms " + settings.easing,
+                    "-ms-transform": (settings.direction == 'horizontal') ? "translate3d(" + pos + "%, 0, 0)" : "translate3d(0, " + pos + "%, 0)",
+                    "-ms-transition": "all " + settings.animationTime + "ms " + settings.easing,
+                    "transform": (settings.direction == 'horizontal') ? "translate3d(" + pos + "%, 0, 0)" : "translate3d(0, " + pos + "%, 0)",
+                    "transition": "all " + settings.animationTime + "ms " + settings.easing
+                });
+            }
+            $(this).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(e) {
+                if (typeof settings.afterMove == 'function') settings.afterMove(index);
+            });
+        }
+
+        $.fn.moveDown = function() {
+            var el = $(this)
+            index = $(settings.sectionContainer + ".active").data("index");
+            current = $(settings.sectionContainer + "[data-index='" + index + "']");
+            next = $(settings.sectionContainer + "[data-index='" + (index + 1) + "']");
+            if (next.length < 1) {
+                if (settings.loop == true) {
+                    pos = 0;
+                    next = $(settings.sectionContainer + "[data-index='1']");
+                } else {
+                    return
+                }
+
+            } else {
+                pos = (index * 100) * -1;
+            }
+            if (typeof settings.beforeMove == 'function') settings.beforeMove(next.data("index"));
+            current.removeClass("active")
+            next.addClass("active");
+            if (settings.pagination == true) {
+                $(".onepage-pagination li a" + "[data-index='" + index + "']").removeClass("active");
+                $(".onepage-pagination li a" + "[data-index='" + next.data("index") + "']").addClass("active");
+            }
+
+            $("body")[0].className = $("body")[0].className.replace(/\bviewing-page-\d.*?\b/g, '');
+            $("body").addClass("viewing-page-" + next.data("index"))
+
+            if (history.replaceState && settings.updateURL == true) {
+                var href = window.location.href.substr(0, window.location.href.indexOf('#')) + "#" + (index + 1);
+                history.pushState({}, document.title, href);
+            }
+            el.transformPage(settings, pos, next.data("index"));
+        }
+
+        $.fn.moveUp = function() {
+            var el = $(this)
+            index = $(settings.sectionContainer + ".active").data("index");
+            current = $(settings.sectionContainer + "[data-index='" + index + "']");
+            next = $(settings.sectionContainer + "[data-index='" + (index - 1) + "']");
+
+            if (next.length < 1) {
+                if (settings.loop == true) {
+                    pos = ((total - 1) * 100) * -1;
+                    next = $(settings.sectionContainer + "[data-index='" + total + "']");
+                } else {
+                    return
+                }
+            } else {
+                pos = ((next.data("index") - 1) * 100) * -1;
+            }
+            if (typeof settings.beforeMove == 'function') settings.beforeMove(next.data("index"));
+            current.removeClass("active")
+            next.addClass("active")
+            if (settings.pagination == true) {
+                $(".onepage-pagination li a" + "[data-index='" + index + "']").removeClass("active");
+                $(".onepage-pagination li a" + "[data-index='" + next.data("index") + "']").addClass("active");
+            }
+            $("body")[0].className = $("body")[0].className.replace(/\bviewing-page-\d.*?\b/g, '');
+            $("body").addClass("viewing-page-" + next.data("index"))
+
+            if (history.replaceState && settings.updateURL == true) {
+                var href = window.location.href.substr(0, window.location.href.indexOf('#')) + "#" + (index - 1);
+                history.pushState({}, document.title, href);
+            }
+            el.transformPage(settings, pos, next.data("index"));
+        }
+
+        $.fn.moveTo = function(page_index) {
+            current = $(settings.sectionContainer + ".active")
+            next = $(settings.sectionContainer + "[data-index='" + (page_index) + "']");
+            if (next.length > 0) {
+                if (typeof settings.beforeMove == 'function') settings.beforeMove(next.data("index"));
+                current.removeClass("active")
+                next.addClass("active")
+                $(".onepage-pagination li a" + ".active").removeClass("active");
+                $(".onepage-pagination li a" + "[data-index='" + (page_index) + "']").addClass("active");
+                $("body")[0].className = $("body")[0].className.replace(/\bviewing-page-\d.*?\b/g, '');
+                $("body").addClass("viewing-page-" + next.data("index"))
+
+                pos = ((page_index - 1) * 100) * -1;
+
+                if (history.replaceState && settings.updateURL == true) {
+                    var href = window.location.href.substr(0, window.location.href.indexOf('#')) + "#" + (page_index - 1);
+                    history.pushState({}, document.title, href);
+                }
+                el.transformPage(settings, pos, page_index);
+            }
+        }
+
+        function responsive() {
+            //start modification
+            var valForTest = false;
+            var typeOfRF = typeof settings.responsiveFallback
+
+            if (typeOfRF == "number") {
+                valForTest = $(window).width() < settings.responsiveFallback;
+            }
+            if (typeOfRF == "boolean") {
+                valForTest = settings.responsiveFallback;
+            }
+            if (typeOfRF == "function") {
+                valFunction = settings.responsiveFallback();
+                valForTest = valFunction;
+                typeOFv = typeof valForTest;
+                if (typeOFv == "number") {
+                    valForTest = $(window).width() < valFunction;
+                }
+            }
+
+            //end modification
+            if (valForTest) {
+                $("body").addClass("disabled-onepage-scroll");
+                $(document).unbind('mousewheel DOMMouseScroll MozMousePixelScroll');
+                el.swipeEvents().unbind("swipeDown swipeUp");
+            } else {
+                if ($("body").hasClass("disabled-onepage-scroll")) {
+                    $("body").removeClass("disabled-onepage-scroll");
+                    $("html, body, .wrapper").animate({
+                        scrollTop: 0
+                    }, "fast");
+                }
+
+
+                el.swipeEvents().bind("swipeDown", function(event) {
+                    if (!$("body").hasClass("disabled-onepage-scroll")) event.preventDefault();
+                    el.moveUp();
+                }).bind("swipeUp", function(event) {
+                    if (!$("body").hasClass("disabled-onepage-scroll")) event.preventDefault();
+                    el.moveDown();
+                });
+
+                $(document).bind('mousewheel DOMMouseScroll MozMousePixelScroll', function(event) {
+                    event.preventDefault();
+                    var delta = event.originalEvent.wheelDelta || -event.originalEvent.detail;
+                    init_scroll(event, delta);
+                });
+            }
+        }
+
+
+        function init_scroll(event, delta) {
+            deltaOfInterest = delta;
+            var timeNow = new Date().getTime();
+            // Cancel scroll if currently animating or within quiet period
+            if (timeNow - lastAnimation < quietPeriod + settings.animationTime) {
+                event.preventDefault();
+                return;
+            }
+
+            if (deltaOfInterest < 0) {
+                el.moveDown()
+            } else {
+                el.moveUp()
+            }
+            lastAnimation = timeNow;
+        }
+
+        // Prepare everything before binding wheel scroll
+
+        el.addClass("onepage-wrapper").css("position", "relative");
+        $.each(sections, function(i) {
+            $(this).css({
+                position: "absolute",
+                top: topPos + "%"
+            }).addClass("section").attr("data-index", i + 1);
+
+
+            $(this).css({
+                position: "absolute",
+                left: (settings.direction == 'horizontal') ? leftPos + "%" : 0,
+                top: (settings.direction == 'vertical' || settings.direction != 'horizontal') ? topPos + "%" : 0
+            });
+
+            if (settings.direction == 'horizontal')
+                leftPos = leftPos + 100;
+            else
+                topPos = topPos + 100;
+
+
+            if (settings.pagination == true) {
+                paginationList += "<li><a data-index='" + (i + 1) + "' href='#" + (i + 1) + "'></a></li>"
+            }
+        });
+
+        el.swipeEvents().bind("swipeDown", function(event) {
+            if (!$("body").hasClass("disabled-onepage-scroll")) event.preventDefault();
+            el.moveUp();
+        }).bind("swipeUp", function(event) {
+            if (!$("body").hasClass("disabled-onepage-scroll")) event.preventDefault();
+            el.moveDown();
+        });
+
+        // Create Pagination and Display Them
+        if (settings.pagination == true) {
+            if ($('ul.onepage-pagination').length < 1) $("<ul class='onepage-pagination'></ul>").prependTo("body");
+
+            if (settings.direction == 'horizontal') {
+                posLeft = (el.find(".onepage-pagination").width() / 2) * -1;
+                el.find(".onepage-pagination").css("margin-left", posLeft);
+            } else {
+                posTop = (el.find(".onepage-pagination").height() / 2) * -1;
+                el.find(".onepage-pagination").css("margin-top", posTop);
+            }
+            $('ul.onepage-pagination').html(paginationList);
+        }
+
+        if (window.location.hash != "" && window.location.hash != "#1") {
+            init_index = window.location.hash.replace("#", "")
+
+            if (parseInt(init_index) <= total && parseInt(init_index) > 0) {
+                $(settings.sectionContainer + "[data-index='" + init_index + "']").addClass("active")
+                $("body").addClass("viewing-page-" + init_index)
+                if (settings.pagination == true) $(".onepage-pagination li a" + "[data-index='" + init_index + "']").addClass("active");
+
+                next = $(settings.sectionContainer + "[data-index='" + (init_index) + "']");
+                if (next) {
+                    next.addClass("active")
+                    if (settings.pagination == true) $(".onepage-pagination li a" + "[data-index='" + (init_index) + "']").addClass("active");
+                    $("body")[0].className = $("body")[0].className.replace(/\bviewing-page-\d.*?\b/g, '');
+                    $("body").addClass("viewing-page-" + next.data("index"))
+                    if (history.replaceState && settings.updateURL == true) {
+                        var href = window.location.href.substr(0, window.location.href.indexOf('#')) + "#" + (init_index);
+                        history.pushState({}, document.title, href);
+                    }
+                }
+                pos = ((init_index - 1) * 100) * -1;
+                el.transformPage(settings, pos, init_index);
+            } else {
+                $(settings.sectionContainer + "[data-index='1']").addClass("active")
+                $("body").addClass("viewing-page-1")
+                if (settings.pagination == true) $(".onepage-pagination li a" + "[data-index='1']").addClass("active");
+            }
+        } else {
+            $(settings.sectionContainer + "[data-index='1']").addClass("active")
+            $("body").addClass("viewing-page-1")
+            if (settings.pagination == true) $(".onepage-pagination li a" + "[data-index='1']").addClass("active");
+        }
+
+        if (settings.pagination == true) {
+            $(".onepage-pagination li a").click(function() {
+                var page_index = $(this).data("index");
+                el.moveTo(page_index);
+            });
+        }
+
+
+        $(document).bind('mousewheel DOMMouseScroll MozMousePixelScroll', function(event) {
+            event.preventDefault();
+            var delta = event.originalEvent.wheelDelta || -event.originalEvent.detail;
+            if (!$("body").hasClass("disabled-onepage-scroll")) init_scroll(event, delta);
+        });
+
+
+        if (settings.responsiveFallback != false) {
+            $(window).resize(function() {
+                responsive();
+            });
+
+            responsive();
+        }
+
+        if (settings.keyboard == true) {
+            $(document).keydown(function(e) {
+                var tag = e.target.tagName.toLowerCase();
+
+                if (!$("body").hasClass("disabled-onepage-scroll")) {
+                    switch (e.which) {
+                        case 38:
+                            if (tag != 'input' && tag != 'textarea') el.moveUp()
+                            break;
+                        case 40:
+                            if (tag != 'input' && tag != 'textarea') el.moveDown()
+                            break;
+                        case 32: //spacebar
+                            if (tag != 'input' && tag != 'textarea') el.moveDown()
+                            break;
+                        case 33: //pageg up
+                            if (tag != 'input' && tag != 'textarea') el.moveUp()
+                            break;
+                        case 34: //page dwn
+                            if (tag != 'input' && tag != 'textarea') el.moveDown()
+                            break;
+                        case 36: //home
+                            el.moveTo(1);
+                            break;
+                        case 35: //end
+                            el.moveTo(total);
+                            break;
+                        default:
+                            return;
+                    }
+                }
+
+            });
+        }
+        return false;
+    }
+
+
+}(window.jQuery);

data/vendor/assets/stylesheets/onepage-scroll/onepage-scroll.css

@@ -0,0 +1,95 @@
+body, html {
+  margin: 0;
+  overflow: hidden;
+  -webkit-transition: opacity 400ms;
+  -moz-transition: opacity 400ms;
+  transition: opacity 400ms;
+}
+
+body, .onepage-wrapper, html {
+  display: block;
+  position: static;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.onepage-wrapper {
+  width: 100%;
+  height: 100%;
+  display: block;
+  position: relative;
+  padding: 0;
+  -webkit-transform-style: preserve-3d;
+}
+
+.onepage-wrapper .section {
+  width: 100%;
+  height: 100%;
+}
+
+.onepage-pagination {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  z-index: 5;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.onepage-pagination li {
+  padding: 0;
+  text-align: center;
+}
+.onepage-pagination li a{
+  padding: 10px;
+  width: 4px;
+  height: 4px;
+  display: block;
+
+}
+.onepage-pagination li a:before{
+  content: '';
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  background: rgba(0,0,0,0.85);
+  border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+}
+
+.onepage-pagination li a.active:before{
+  width: 10px;
+  height: 10px;
+  background: none;
+  border: 1px solid black;
+  margin-top: -4px;
+  left: 8px;
+}
+
+.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
+  overflow: auto;
+}
+
+.disabled-onepage-scroll .onepage-wrapper .section {
+  position: relative !important;
+  top: auto !important;
+  left: auto !important;
+}
+.disabled-onepage-scroll .onepage-wrapper {
+  -webkit-transform: none !important;
+  -moz-transform: none !important;
+  transform: none !important;
+  -ms-transform: none !important;
+  min-height: 100%;
+}
+
+
+.disabled-onepage-scroll .onepage-pagination {
+  display: none;
+}
+
+body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
+  position: inherit;
+}

metadata

@@ -0,0 +1,90 @@
+--- !ruby/object:Gem::Specification
+name: onepage_scroll_rails
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Alexander Kiseliev
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-05-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: onepage-scroll for rails
+email:
+- dev@enjoycreative.ru
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".ruby-gemset"
+- ".ruby-version"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/onepage_scroll_rails.rb
+- lib/onepage_scroll_rails/engine.rb
+- lib/onepage_scroll_rails/version.rb
+- onepage_scroll_rails.gemspec
+- release.sh
+- vendor/assets/javascripts/onepage-scroll/jquery.onepage-scroll.js
+- vendor/assets/javascripts/onepage-scroll/jquery.onepage-scroll.min.js
+- vendor/assets/stylesheets/onepage-scroll/onepage-scroll.css
+homepage: https://github.com/enjoycreative/onepage_scroll_rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.7
+signing_key: 
+specification_version: 4
+summary: onepage-scroll for rails
+test_files: []