Navigation
Archive / load webpage at bottom, scroll upwards
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 18, 2016 at 4:22 am #1262330
    DCcomm
    Participant

    Hello, so i want to get an effect in, i have a building background that i want to it to load from the bottom and scroll upwards instead of traditionally downards, as it is now when the page loads, i can see the roof, and have to scroll down, i want the opposite, this is a page with no header,no footer, just a bg and information above.

    is this possible with some jquery for how to load the site?
    ivé tried hard to find any info, and the one i can find does not work when entering it to the custom j/s.

    i have done a test site for this page which can be found here ( http://dccommunication.se/hsbtest/ )

    please do assist, thanks in advance.

    November 18, 2016 at 4:33 am #1262345
    Paul R
    Moderator

    Hi,

    Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

    November 18, 2016 at 4:36 am #1262347
    DCcomm
    Participant

    <body onload=”window.location.hash = ‘footer'”>

    could something like this work inline with the id of the last row?

    November 18, 2016 at 4:46 am #1262357
    Rad
    Moderator

    Hi there,

    It’s not that simple and requires complex coding. The page itself changes size upon loading which pushes down content from top to bottom increasing the height.

    That means the result will be varying depending on load speed. You may try this one, add this to Admin > Appearance > Customizer > Custom > Javascript along with your ID.

    jQuery( function($) {

function move_it_to_footer() {
$('html,body').css({ scrollTop : $('#id-of-your-footer-section').offset().top });
}

$(document).ready( move_it_to_footer );
$(window).load( move_it_to_footer );

} );

    But this may not work due to many factors, like for example, there are existing scroll effects or scroll trigger.

    Thanks!

    November 18, 2016 at 4:48 am #1262358
    DCcomm
    Participant

    solved the issue with classic anchor tags and loading the page with #bottom after the url, thanks alot for a awesome theme thou =)

    November 18, 2016 at 4:49 am #1262359
    DCcomm
    Participant

    // a name=”bottom” id=”bottom”

    http://dccommunication.se/hsbtest/#bottom

    works fine, ill just hide the url when pointing to the domain name 😉

    November 18, 2016 at 5:16 am #1262375
    Rad
    Moderator

    Glad to hear that and thanks for sharing. Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1262330 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>