WordPress.org

Ready to get started?Download WordPress

Forums

Background Manager
Content position to absolute bottom (5 posts)

  1. laptophobo
    Member
    Posted 7 months ago #

    Great plugin. Big fan of it. Wondering if this can be done.
    I have a fixed background image with content that scrolls. Pretty straight forward. But I'd like to have the content begin below the monitor's viewing area. In other words, when a person arrives at the page, all they see is the background image until they use the downward scroll bar.
    An example of what I'm striving to do is located here: http://www.washingtonpost.com/sf/style/2013/12/06/best-movies-of-2013/?hpid=z7

    Thanks much!

    http://wordpress.org/plugins/background-manager/

  2. myatu
    Member
    Plugin Author

    Posted 7 months ago #

    Hello,

    If you're using the "Normal Mode", you would simply have to use the "Fixed" positioning. For the Full Screen mode, this is already the case.

    Then add a large top margin to the content element, which you can do with the "Custom Stylesheet" of the active Image Set, possibly ensuring that it takes up the full width of the screen.

  3. laptophobo
    Member
    Posted 7 months ago #

    Hi Myatu,

    Thanks for getting back. I had tried that CSS option earlier, with this tag:

    div#site {
    	margin-top: 600px;
    }

    and

    div#site {
    	margin-top: 100%;
    }

    The problem with that method is that the vertical height is not consistent on the users screen size. I did, however, ask around in WP forums for a solution and got this JS option:

    $ = jQuery;
    $windowHeight = $( window ).height();
    $target = $( '.your-class-example' );
    
    $( document ).ready( function() {
    
     //Apply the min-height to your element
     $target.css( 'min-height', $windowHeight + 'px' );
    
    });
    
    $( window ).resize( function() {
    
     $windowHeight = $( window ).height();
     //Apply the min-width to your element
     $target.css( 'min-height', $windowHeight + 'px' );
    
    });

    However, JS is a bit over my head and I was hoping for an easier solution.

  4. myatu
    Member
    Plugin Author

    Posted 6 months ago #

    Hello,

    I see what you mean - yes, at the moment this could only be solved by using some JS, as this would be wholly dependent on the user's current window size / view port.

  5. laptophobo
    Member
    Posted 6 months ago #

    I'm see this sort of function more and more on some of the major news websites. Should you ever develop such a plugin, I'll be a customer.

    Best,

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.