Conflict with custom height jquery?

  • Hi

    Loving your plugin and really want to use it but I’ve got a bit of an issue which I am hoping you can help me with…

    I am using djax.js for ajax page refreshes so I have to reload js using $getScript after the page refreshes however when reloading your fullpage.js it seems to conflicting with this code below..


    $(window).load(sizeContent); // for initial load
    $(document).ready(sizeContent); //for ajax page refreshes only
    $(window).resize(sizeContent);

    function sizeContent() {
    //var newHeight = $("body").height() - $("#header").height() - $("#footer").height() + "px" ;
    //$("#page").css("height", newHeight);

    var pageposY = $("#header").height();
    $("#page").css("margin-top", pageposY);

    var pagepad = $('#footer').height() + $(".media-information").height() + "px";
    $(".main").css("padding-bottom", pagepad);

    var playlistposY = $(".media-container-inner").height();
    $("#media-playlist").css("bottom", playlistposY);

    var playlistposX = $(".media-information").position();
    $("#media-playlist").css("left", playlistposX.left );

    var playerposY = $('#footer').height();
    $(".media-container").css("bottom", playerposY);

    var playerinner = $(".media-controls").width() - $(".media-play-controls").width() - $(".media-volume-bar-container").width() + "px" ;
    $("#media-playlist, .media-information").css("width", playerinner);
    }

    I use this code to set height/width and position of various elements on my page but if use $getScript on your fullpage.js it affects my jquery and prevents it doing what it’s supposed to i.e create a margin to push #page down etc.

    Can anyone suggest a way round this?

    https://www.ads-software.com/plugins/adamrob-parallax-scroll/

Viewing 1 replies (of 1 total)
  • Plugin Author adamrob

    (@adamrob)

    The Fullpage.js that the plugin uses only runs if the full screen option is selected; so do you need to select the full screen option?

    The fullscreen.js script just finds all of the parallax containers on the page, and sets their css height to that of the content within it.

    For the full screen option to work, it creates a div the same size of the post area (this is what the js does). the post/page content then sits within the content area. Possibly the script that you are referring to, does not like these extra divs?

Viewing 1 replies (of 1 total)
  • The topic ‘Conflict with custom height jquery?’ is closed to new replies.