javascript - Background/content bottom half disappears when resizing/maximizing window -


so website http://developed-web.com/ starting come pretty i'm having issue that's not on-screen having disappear when take window out of maximized mode.

this issue occurs in google chrome, firefox , ie 10 too.

i'm not used kind of site structure don't wanna mess stuff more while trying fix this. issue be?

thanks taking :)

edit:

go page in maximized window, , when take out of maximized (not minimize, make smaller) som content disappear: http://gyazo.com/a5744085b32b1cf05acc4e1efa653da9

you should familiarise debugging tools in browser. preference developer tools in chrome (cmd+alt+i on mac, f12 on windows). there's great guide google here started.

if @ console tab you'll see javascript throwing error in resizepanel method when resize window on home page.

if @ elements panel , resize window see setting height of mask element size of window.

to fix both errors, try updating code follows:

$(document).ready(function() {      $('a.panel').click(function () {          $('a.panel').removeclass('selected');         $(this).addclass('selected');          current = $(this);          $('#wrapper').scrollto($(this).attr('href'), 800);                return false;     });      $(window).resize(function () {         resizepanel();     });  });  function resizepanel() {      width = $(window).width();     height = $(window).height();      mask_width = width * $('.item').length;      $('#debug').html(width  + ' ' + height + ' ' + mask_width);          // these lines erroneously setting height of mask         // height of window when user scrolls down, area of         // unmasked content visible.          //$('#wrapper, .item').css({width: width, height: height});         //$('#mask').css({width: mask_width, height: height});          // try updating follow kpsuperplane has suggested         $('#wrapper, .item').css({width: width});         $('#mask').css({width: mask_width});          // throwing error because no anchor elements have         // selected class when page first hit         if ($('a.selected').length) {                 $('#wrapper').scrollto($('a.selected').attr('href'), 0);         }    } 

Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -