Hack Forums
[Wordpress] Looking for a Parallax theme - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: [Wordpress] Looking for a Parallax theme (/showthread.php?tid=5427273)



Looking for a Parallax theme - f o r m i d a b l e - Oct 8, 2016

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


* - Severus_Snape - Oct 8, 2016

hey buddy nice selection..

you can try something from this as per your feel:

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

(remove Spaces)


* - coolclass - Oct 11, 2016

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.


* - device - Oct 16, 2016

(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-creative-photography-wordpress-theme/17603025?s_rank=1