Centric Home Page JS

[stinkykong]

I'm not much of a javascript person but wish I was. I wonder if there is a way to bring the content below the solid blue area up into view (partially) so that the visitor sees there is more below. Then when they click on the center button, the partially visible content behaves as it currently does, scrolling up and aligning at the top.

Currently, the blue background occupies 100% of any available screen height.

---

Web Design by Websentia Web Services
http://websentia.com

http://tcgishare.com/thecrouchgroup.com/

[Tom]

I think this does what you want - replace the code in home.js with this. Adjust the value of 100 to whatever suits:

jQuery(function( $ ){

    $('.home-featured .wrap') .css({'height': (($(window).height()-100))+'px'});
    $(window).resize(function(){
        $('.home-featured .wrap') .css({'height': (($(window).height()-100))+'px'});
    });

    $(".home-featured .home-widgets-1 .widget:last-child").after('<p class="arrow"><a href="#home-widgets"></a></p>');

    $.localScroll({
        duration: 750
    });

});

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[stinkykong]

Tom, thank you so much. It took me a little while to find time to work on this. I changed the values from pixels to percentages and used 85%. It took some toying around to even figure out what each value did. Then I had to work with the CSS to balance my changes.

This is all really cool when it works. I appreciate your help.

---

Web Design by Websentia Web Services
http://websentia.com

[Author]

Posts