Giter VIP home page Giter VIP logo

erikengervall / parallax-vanilla Goto Github PK

View Code? Open in Web Editor NEW
97.0 97.0 10.0 211.29 MB

Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra performance.

Home Page: https://www.npmjs.com/package/parallax-vanilla

License: MIT License

JavaScript 5.28% CSS 3.25% HTML 40.45% TypeScript 47.14% Less 3.88%
css front-end hacktoberfest hardware-acceleration javascript parallax parallax-vanilla typescript

parallax-vanilla's Introduction

parallax-vanilla's People

Contributors

erikengervall avatar lucaperret avatar michaelbirchler avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

parallax-vanilla's Issues

Prolems initializing

Hi,

pretty neat little vanilla library, thank you for sharing!
I had some minor problems initializing the library:

In the documentation the attributes are named para-speed=x, etc. but it has to be pv-speed=x, etc.
Then, settingsDefault.block.class should be "para-block" ;)

Cheers,
Steffen

Usable without pv-mediapath ?

I was wondering if the script could be updated to work without a pv-mediapath data attribute? Since it transforms the pv-block, this could also be done without any media being present. I tried to animate a website's footer to parallax in from the bottom, but the script threw an error missing said data attribute.

Thanks for considering.

Add trivial unit tests

Add some trivial unit tests that would capture structural changes to the interface, i.e. snapshots

scrollTop undefined

Running Chrome on Linux, I get the following error:

Uncaught TypeError: Cannot set property 'scrollTop' of undefined

(Possibly related to https://stackoverflow.com/q/20514596)

On Firefox I get this (perhaps unrelated) error:

TypeError: pv.windowProps is undefined
TypeError: pv.containerArr is undefined

Initialization problem

Hi!
I have problem with initialization this plugin.

When I put pv.init () in the end of the tag everything works but I need to start the plugin when everything is loaded.

I tried this way:

$(window).on('load', function() { pv.init(); });

and I have this error in console:

Uncaught TypeError: Cannot set property 'scrollTop' of undefined at module.exports (parallax-vanilla.js:442) at mainLoop (parallax-vanilla.js:406)

How can I solve this problem?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.