Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

Wordpress 

Looking for a Parallax theme

I'm looking for a specific parallax. The kind where you just scroll a little bit--then it auto-scrolls down to the next layer really quick.

I like this:
http://www.pixova-lite.machothemes.com/

although it doesn't do that.

If someone can share this will be phenomenal.

Still looking for it.

My site will have content lock button, and mobile view.


Thanks
hey buddy nice selection..

you can try something from this as per your feel:

https : // themify . me/demo/#theme=fullpane

(remove Spaces)
You can make your own parallax effect...pretty simple i guess.

Copy this into your .js file

Code
$(function(){

    //Cashe the window object
    var $window = $(window);

    //Parallax bbackground effect
    $('section[data-type="background"]').each(function(){

        var $bgobj = $(this);//assigning the object

        $(window).scroll(function(){

            //scroll the background at var speed
            //the yPos is a negative value because we're scrolling up!

            var yPos = -($window.scrollTop()/$bgobj.data('speed'));

            //Put together our final background position
            var coords = '50% ' +yPos+'px';

            //Move the background
            $bgobj.css({backgroundPosition: coords});
        });// end window

    });
});

and use this like so in the sections you want to have the effect on

Code
<section id="myParallaxSection"  data-type="background" data-speed="5"> </section>

Change the speed value as obvious as you want the effect to be like.

Hope this helps.
(Oct 11, 2016 01:52 PM)coolclass Wrote:  You can make your own parallax effect...pretty simple i guess.

Copy this into your .js file

Code
$(function(){

    //Cashe the window object
    var $window = $(window);

    //Parallax bbackground effect
    $('section[data-type="background"]').each(function(){

        var $bgobj = $(this);//assigning the object

        $(window).scroll(function(){

            //scroll the background at var speed
            //the yPos is a negative value because we're scrolling up!

            var yPos = -($window.scrollTop()/$bgobj.data('speed'));

            //Put together our final background position
            var coords = '50% ' +yPos+'px';

            //Move the background
            $bgobj.css({backgroundPosition: coords});
        });// end window

    });
});

and use this like so in the sections you want to have the effect on

Code
<section id="myParallaxSection"  data-type="background" data-speed="5"> </section>

Change the speed value as obvious as you want the effect to be like.

Hope this helps.

Yeah nice and easy one here coolclass :)

Here man, this template has that feature.
Maybe you can sort out the rest: https://themeforest.net/item/marseille-c...5?s_rank=1


Possibly Related Threads...
Thread / Author Replies Views Last Post
by sneezingAug 30, 2018 06:21 PM 4 176 Aug 30, 2018 06:21 PM
Last Post: sneezing
by LegitimatelyAug 27, 2018 03:15 PM 2 124 Aug 27, 2018 03:15 PM
Last Post: EXlT
by danno99Oct 28, 2014 11:36 AM 4 80 Oct 28, 2014 11:36 AM
Last Post: danno99