Agency Pro – Extend Fade Out beyond Home Top section

Community Forums Forums Design Tips and Tricks Agency Pro – Extend Fade Out beyond Home Top section

This topic is: not resolved

This topic contains 4 replies, has 3 voices, and was last updated by  pamaral 7 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #73335

    pamaral
    Member
    Post count: 1

    The top of the home page fades out as a user scrolls. Is there any way to have this same effect happen to the middle and bottom parts of the home page as well as to other pages in the site.

    Thanks

    Paula

    #73475

    Liz
    Participant
    Post count: 41

    I’m listening in because I want to do the opposite, remove the fadeout and the whole home-top, and just have the home middle section as static on the page.

    #75588

    MarketLeaner
    Participant
    Post count: 27

    in themes/agency-pro/js/home.js

    remove all this code or delete the file to remove scroll effect

    jQuery(function( $ ){

    $.localScroll({
    duration: 900
    });

    function fade_home_top() {
    if ( $(window).width() > 800 ) {
    window_scroll = $(this).scrollTop();
    $(“.home-top”).css({
    ‘opacity’ : 1-(window_scroll/300)
    });
    }
    }
    $(window).scroll(function() { fade_home_top(); });

    });

    #75589

    MarketLeaner
    Participant
    Post count: 27

    To add more sections just do the following, but you’ll have to play with the effect and when itss triggered

    Copy and paste all that code and then change anything that looks like home-top to home-middle ie. home_top to home_middle .home-top to .home-middle etc.,

    I changed it to home-featured-a because thats why i was using it.

    jQuery(function( $ ){
    
        $.localScroll({
        	duration: 900
        });
        
    	function fade_home_featured_a() {
    		if ( $(window).width() > 800 ) {
            window_scroll = $(this).scrollTop();
    	   		$(".home-featured-a").css({
    				  'opacity' : 1-(window_scroll/1300)
    	    	});
    		}
    	}
    	$(window).scroll(function() { fade_home_featured_a(); });
    
    	
    });	
    

    And then you have to play with the ‘opacity’ : 1-(window_scroll/1300) section based on how far down your home middle section is in pixels

    #79291

    pamaral
    Member
    Post count: 1

    thanks

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.